À l’aide de Bootstrap modal, j’ai vu ces `` attribue beaucoup, mais je ne savais pas comment faire les utilisent.
Personne sait ce que les cas d’utiliser ces attributs ? J’ai googlé-just n’a pas trouvé de réponses simples.
Réponses
Trop de publicités?
HTML5, ARIA attribut est ce que vous cherchez. Il peut être utilisé dans votre code, même sans bootstrap.
Accessible Rich Internet Applications (ARIA) définit les moyens pour rendre le Web contenu et applications Web (en particulier celles développées avec l'Ajax et JavaScript) plus accessibles aux personnes handicapées.
Pour être précis pour votre question, voici ce que vos attributs sont appelés comme ARIA états d'attribut et le modèle
aria-labelledby: Identifie l'élément (ou les éléments) que les étiquettes de l'élément courant.
aria-hidden (state): Indique que l'élément et l'ensemble de ses descendants ne sont pas visibles ou perceptibles à tout utilisateur comme la mise en œuvre par l'auteur.
wittjeff
Points
71
Les principaux consommateurs de ces propriétés sont les agents utilisateurs tels que les lecteurs d'écran pour les personnes aveugles. Ainsi, dans le cas avec un Bootstrap modale modale de la div a role="dialog". Lorsque le lecteur d'écran remarque qu'un div devient visible qui a ce rôle, il va parler de l'étiquette pour que la div.
Il y a beaucoup de façons d'étiqueter les choses (et quelques-uns avec ARIA), mais dans certains cas, il est approprié d'utiliser un élément existant comme une étiquette (sémantique) sans l'aide de la balise HTML. Avec HTML modals de l'étiquette est habituellement un en-tête. Ainsi, dans le Bootstrap modal cas, vous ajoutez aria-labelledby=[IDofModalHeader], et le lecteur d'écran va parler que de l'en-tête lorsque l'modale s'affiche.
D'une manière générale un lecteur d'écran est en train de l'observer à chaque fois que des éléments du DOM devenir visible ou invisible, de sorte que le aria-hidden propriété est souvent redondante et peut probablement être ignorée dans la plupart des cas.
