Les éléments <svg> ayant un rôle img ou image doivent avoir une alternative textuelle

La règle teste un <svg>, ou un élément situé dans un <svg>, qui porte role="img", role="image" ou role="graphics-symbol", ainsi qu’un <svg> avec role="graphics-document". Un <svg> sans l’un de ces rôles n’est pas testé, et un <div role="img"> relève de la règle role-img-alt. Les éléments masqués aux technologies d’assistance, comme une icône avec aria-hidden="true", sont ignorés.

Il suffit de l’une de ces quatre sources pour que l’élément réussisse :

• un <title> qui est un enfant direct et contient du texte
• un aria-label contenant autre chose que des espaces
• un aria-labelledby qui pointe vers des éléments dont le texte n’est pas vide
• un attribut title contenant autre chose que des espaces

Un <title> imbriqué plus profondément, par exemple dans un <circle> ou un <metadata>, ne nomme pas le <svg> extérieur. Ni un élément <desc> ni un <text> dessiné dans le graphique ne comptent, et un aria-labelledby qui pointe vers un id inexistant ne compte pas non plus.

La règle teste seulement qu’un nom existe. Elle ne juge pas si ce nom décrit le logo, le moyen de paiement ou la note qu’il représente.