area-alt-quality
L’alternative textuelle des <area> doit être appropriée (revue manuelle)
Signale les éléments <area> dotés d’une alternative textuelle non vide (alt, aria-label, aria-labelledby ou title) pour une revue humaine de sa pertinence. Indique quand le nom ressemble à un nom de fichier, à une adresse web, à un texte provisoire, commence par « image of » ou est très long.
Applicabilité. S’applique aux éléments <area> qui obtiennent une alternative textuelle non vide d’une source quelconque : aria-labelledby (résolu en texte), aria-label, alt ou title. L’<area> doit porter un href non vide (sinon, selon la spécification HTML, ce n’est pas un lien hypertexte) et appartenir à une <map> réellement référencée par une <img usemap> (« # » suivi de l’id ou du name de la map, en respectant la casse, selon la correspondance HTML) ; une <area> dans une map inutilisée est hors périmètre. L’<img> qui la référence doit être réellement rendue (hidden/display:none/visibility l’excluent ; aria-hidden non, car <area> n’est pas un descendant DOM de <img>), et l’<area> elle-même doit être éligible : hidden, display:none et inert sur l’<area> ou sa <map> ne l’excluent pas, puisqu’aucun ne génère de boîte et que la détection des clics des cartes-images d’un vrai navigateur ignore les trois à cet endroit (vérifié dans Chromium et Firefox) ; seuls ces mécanismes sur un véritable ancêtre de toute la paire <img>+<map> l’excluent. role="presentation"/"none" retire un élément du périmètre sauf s’il est focalisable.
Attendu. Une revue humaine est nécessaire pour confirmer que l’alternative textuelle fournie est exacte et appropriée. Chaque occurrence liste toutes les sources présentes (data.details.sources), pour que la personne qui vérifie examine chacune : un title ou un aria-label qui n’est pas le nom atteint quand même certains utilisateurs. Le nom est aussi soumis aux vérifications que la règle img-alt-quality applique à un alt (helpers.getTextAlternativeSignal) : un nom de fichier, une adresse web, uniquement des symboles, un texte provisoire ou un mot générique, un début qui dit qu’il s’agit d’une image, ou plus de 150 caractères. Un tel nom reçoit son propre résumé et son propre conseil ; le constat reste cantTell.
Ce que rapporte un constat.
reasonCode:TEXT_ALTERNATIVE_REVIEW, quel que soit le signal.name: l’alternative textuelle que reçoit finalement la zone, tirée de la première source desources.sources: chaque source de texte dont dispose la zone, dans l’ordre où elles servent au nom :aria-labelledby,aria-label,alt,title.altSignal, ainsi quelengthetlimitpourtoo-long: ce qui a fait ressembler le nom à autre chose qu’une description, comme pour img-alt-quality. Absent lorsque le nom est ordinaire.alt(une zone dotée d’un attribut alt) : le texte alt.
Ces champs de data.details aident à lire et à reproduire un constat. À part reasonCode et les quelques champs que la page Schéma de sortie donne comme stables, ils ne constituent pas un contrat stable : un champ peut être renommé ou supprimé dans une version mineure, ne vous appuyez donc pas dessus.
Exemples
<img src="office-map.png" usemap="#floorplan"><map name="floorplan"><area href="/rooms/12" shape="rect" coords="0,0,40,24" alt="Room 12"></map>
La zone a une alternative textuelle non vide dans une carte-image utilisée ; il vaut la peine de confirmer que « Room 12 » est exact pour cette région. Un aria-label, aria-labelledby ou title donne lieu à la même question, et chaque occurrence liste les sources trouvées.
<map name="unused"><area href="/rooms/12" shape="rect" coords="0,0,40,24" alt="Room 12"></map>
Aucun <img usemap> ne référence cette carte, donc la zone n’est jamais affichée ni soumise au hit-testing : hors périmètre.
Comment vérifier
Quand cette règle ne peut pas trancher, elle renvoie cantTell et laisse la question à une personne. Chaque question qu’elle peut poser figure ici sous son code de raison, avec les étapes pour y répondre. Un constat porte les mêmes étapes dans howToCheck, dans la langue de l’analyse. Voir Schéma de sortie.
TEXT_ALTERNATIVE_REVIEW
- Repérez la zone d’image map indiquée par le rapport et regardez la partie de l’image qu’elle couvre.
- Cliquez dessus, ou suivez son lien, et notez où elle mène.
- Lisez l’équivalent textuel de la zone (et toutes les autres sources que liste le rapport) et vérifiez qu’il indique où mène le lien ou ce qu’est la zone.
Réussite. L’équivalent textuel indique à l’utilisateur où mène le lien, avec des mots qui correspondent à la zone.
Échec. L’équivalent textuel est faux, générique, est un nom de fichier ou n’indique pas où mène le lien, ce qui ne respecte pas le critère WCAG 1.1.1 (H24).