Les éléments [role="img"] et [role="image"] doivent avoir une alternative textuelle

La règle teste les éléments dont l’attribut role vaut img ou image, pour autant que les technologies d’assistance puissent les atteindre. Les éléments <img>, <area>, <input>, <object> et <svg>, ainsi que tout ce qui se trouve dans un <svg>, ne relèvent pas de cette règle.

Un élément réussit quand l’une de ces trois sources lui fournit un texte :

• un aria-label qui contient autre chose que des espaces
• un aria-labelledby qui pointe vers un élément contenant du texte, même masqué
• un attribut title contenant du texte

Rien d’autre ne compte. Un attribut alt sur un <div> échoue, et le texte situé à l’intérieur de l’élément n’est pas lu. Un title vide, ou un aria-labelledby qui nomme un id absent de la page, échoue également.

Par défaut, le scanner de Validiscan teste chaque page en 1440 × 900 et en 390 × 844 pixels ; un élément masqué aux technologies d’assistance dans l’une de ces tailles n’est donc testé que dans l’autre. La règle demande seulement qu’une étiquette soit présente. Pour savoir si ses mots correspondent au visuel, par exemple une note en étoiles, ou si l’élément devrait plutôt être décoratif, il faut une personne.