Retour à Échecs WCAG 2.0

Critère 2.4.4 — Image seule dans un lien avec alt vide (échec F89)

Critère WCAG 2.4.4 · technique d’échec F89

Cet exemple provient des échecs WCAG 2.0 (W3C).

Version anglaise sur a11ynot.com

Comprendre cet exemple

Démonstration d’un échec au critère WCAG 2.4.4 (Lien — fonction du lien), technique W3C F89 — Image seule dans un lien avec alt vide.

Critère : 2.4.4 — Lien — fonction du lien

Technique W3C : F89 (référence)

Titre officiel en anglais (W3C)

W3: F89: Failure of Success Criteria 2.4.4, 2.4.9 and 4.1.2 due to using null alt on an image where the image is the only content in a link

Comment vérifier sur cette page

  • Observer la zone entre « Début » et « Fin » de l’exemple.
  • Relier le problème au critère 2.4.4 (pas seulement à l’alerte outil).
  • Utiliser le code (Gist) comme preuve dans un rapport d’audit.

Fiche auditeur (Support)

Même contenu que la page Support dédiée (lien ci-dessous) — pas besoin de l’ouvrir deux fois si vous lisez déjà ce Not.

Ressource pédagogique : aide au raisonnement et à la rédaction de preuve. Ne conclut pas à une non-conformité ou à la conformité sur un site audité.

En bref

Lien dont le contenu est une image avec alt="" : nom accessible du lien vide. WCAG 2.4.4, 4.1.2 — Failure F89 .

ACT (proche)

Règle c487ae — Link has non-empty accessible name — fiche support/act/c487ae/ . Un failed ACT est un indice, pas une conclusion d’audit seule.

Audit RGAA (optionnel)

Thème Liens — couverture partielle ; numéros de tests selon version sur DesignGouv.

Questions

  1. Nom accessible du lien non vide ?
  2. Intitulé explicite si le test l’exige ?
  3. Cas décoratif : texte visible ou équivalent ?
Exemple incorrect / corrigé (référence)

Incorrect :

html
<a href="/compte"><img src="icon-user.png" alt="" /></a>

Corrigé (exemples possibles) :

html
<a href="/compte"><img src="icon-user.png" alt="Mon compte" /></a>
html
<a href="/compte"><img src="icon-user.png" alt="" aria-hidden="true" /> Mon compte</a>

Limites

  • Contexte de la page (liste de liens identiques) : autres critères WCAG.

Ouvrir cette fiche seule

Début de l'exemple

Football Scoreboard }

Fin de l'exemple

Code de cet exemple

Inspiré de a11ynot.com — GitHub