1
votes

Aria-hidden a-t-il besoin d'une valeur?

Puis-je faire

au lieu de

ou devrais-je toujours faire

html accessibility

1 commentaires

aria-hidden

3 Réponses :

2
votes

Ce n'est pas un attribut booléen. Une valeur explicite doit être fournie.

1 commentaires

C'est la bonne réponse. aria-hidden est un état et peut avoir 3 valeurs: true, false et "undefined".

2
votes

La version actuelle de la spécification indique que " aria-hidden "est un état, et il peut avoir trois valeurs:

false : l'élément est exposé à l'API d'accessibilité comme s'il avait été rendu.

true : l'élément est masqué dans l'API d'accessibilité.

non défini (par défaut) : l'état masqué de l'élément est déterminé par l'agent utilisateur en fonction de son rendu.

Cela signifie que lorsque l'attribut aria-hidden est défini sur un élément sans valeur explicite true ou false, il sera considéré comme masqué s'il n'est pas rendu.

Puis-je faire
au lieu de

ne sont pas équivalents et vous devez définir aria-hidden = " true " si l'élément est visible à l'écran mais que vous souhaitez le masquer de l'API d'accessibilité.

2 commentaires

La valeur par défaut est "undefined" w3.org/TR/wai- aria-1.1 / # aria-hidden . Je ne vois pas dans votre réponse une preuve indiquant qu'une valeur vide ne remplacerait pas la valeur "vraie" comme pour les attributs booléens. La bonne réponse (voir @Quentin) est que aria-hidden n'est pas un attribut booléen mais un état (car il peut avoir 3 valeurs différentes)

@Adam Merci d'avoir souligné. Je regardais une ancienne version de la spécification. J'ai mis à jour la réponse.

1
votes

Vous devez utiliser aria-hidden = "true" (ou false , respectivement).

Un commentaire sur aria-hidden = "false" , cependant: pour autant que je sache, cela n'a pas d'effet utile. display: none; rendra toujours le contenu invisible pour les lecteurs d'écran, même lorsque aria-hidden est défini sur false , donc ce n'est PAS un moyen de faire glisser des éléments hors de l'invisibilité pour les lecteurs d'écran.

Veuillez noter que l'utilisation de aria-hidden doit être considérée attentivement: selon le navigateur utilisé, des effets inattendus peuvent se produire. Comme aria-hidden marque un élément et tous ses éléments enfants comme masqués, mais ne peut pas annuler d'autres attributs, vous devez tester soigneusement vos interfaces utilisateur lorsque vous utilisez aria-hidden . Par exemple, un élément enfant peut être focalisable, mais marqué comme masqué - le focus se déplace toujours vers cet élément, mais aucune information d'accessibilité n'est rendue, car cet élément est censé être masqué.

0 commentaires