Échecs WCAG 2.0
Exemples classés par critère — point d’entrée pour auditeurs.
Chaque fiche illustre une technique d’échec documentée par le W3C, rattachée à un critère WCAG 2.0.
Exemples classés par critère WCAG 2.0. Chaque carte mène à une démo d’échec documentée par le W3C.
Critère 1.1.1 — Contenu non textuel
F3-2— Image informative intégrée via CSSF3-3— Image informative intégrée via CSSF39— Alternative textuelle inappropriée pour une image décorativeF65— Absence d’alternative sur img, area ou input imageF71-1— Symbole visuel sans alternative textuelleF71-2— Symbole visuel sans alternative textuelleF72— Art ASCII sans alternative textuelle
Critère 1.3.1 — Informations et relations
F2-1— Information véhiculée par la mise en forme seuleF2-2— Information véhiculée par la mise en forme seuleF2-3— Information véhiculée par la mise en forme seuleF33— Colonnes simulées par des espaces en texte brutF34— Tableau simulé par des espaces en texte brutF42-1— Lien simulé par script, non identifiable programmatiquementF42-2— Lien simulé par script, non identifiable programmatiquementF42-3— Lien simulé par script, non identifiable programmatiquementF42-4— Lien simulé par script, non identifiable programmatiquementF43-1— Balisage structurel ne reflétant pas les relationsF43-2— Balisage structurel ne reflétant pas les relationsF43-3— Balisage structurel ne reflétant pas les relationsF43-4— Balisage structurel ne reflétant pas les relationsF46— Éléments de tableau sémantiques dans un tableau de mise en formeF48-1— Données tabulaires balisées avec l’élément preF48-2— Données tabulaires balisées avec l’élément preF68-1— Label non associé programmatiquement au contrôleF68-2— Label non associé programmatiquement au contrôleF68-3— Label non associé programmatiquement au contrôleF87-1— Contenu injecté via pseudo-éléments CSSF87-2— Contenu injecté via pseudo-éléments CSSF90— Association incorrecte en-têtes / cellules de tableauF91— En-têtes de tableau mal balisésF92— role presentation sur du contenu porteur de sens
Critère 1.3.2 — Ordre significatif
F1— Sens du contenu modifié par le positionnement CSSF32-1— Espacement dans un mot simulé par des espacesF32-2— Espacement dans un mot simulé par des espacesF32-3— Espacement dans un mot simulé par des espacesF33— Colonnes simulées par des espaces en texte brutF34— Tableau simulé par des espaces en texte brutF49-1— Tableau de mise en forme illisible une fois linéariséF49-2— Tableau de mise en forme illisible une fois linéarisé
Critère 1.4.1 — Utilisation de la couleur
Critère 1.4.2 — Contrôle du son
Critère 1.4.3 — Contraste (minimum)
F24-1— Couleur de premier plan sans couleur de fond associéeF24-2— Couleur de fond sans couleur de premier plan associéeF24-3— Contraste insuffisant (couleurs partiellement définies)F24-4— Contraste insuffisant (couleurs partiellement définies)F24-5— Couleurs de premier plan ou de fond non spécifiées ensemble
Critère 1.4.4 — Redimensionnement du texte
Critère 1.4.6 — Contraste (amélioré)
F24-1— Couleur de premier plan sans couleur de fond associéeF24-2— Couleur de fond sans couleur de premier plan associéeF24-3— Contraste insuffisant (couleurs partiellement définies)F24-4— Contraste insuffisant (couleurs partiellement définies)F24-5— Couleurs de premier plan ou de fond non spécifiées ensemble
Critère 1.4.8 — Présentation visuelle
F24-1— Couleur de premier plan sans couleur de fond associéeF24-2— Couleur de fond sans couleur de premier plan associéeF24-3— Contraste insuffisant (couleurs partiellement définies)F24-4— Contraste insuffisant (couleurs partiellement définies)F24-5— Couleurs de premier plan ou de fond non spécifiées ensembleF88-1— Texte justifié (aligné des deux côtés)F88-2— Texte justifié (aligné des deux côtés)
Critère 2.1.1 — Clavier
F42-1— Lien simulé par script, non identifiable programmatiquementF42-2— Lien simulé par script, non identifiable programmatiquementF42-3— Lien simulé par script, non identifiable programmatiquementF42-4— Lien simulé par script, non identifiable programmatiquementF54— Fonction accessible uniquement au pointeurF55-1— Script supprimant le focus à la réceptionF55-2— Script supprimant le focus à la réceptionF55-3— Script supprimant le focus à la réception
Critère 2.2.1 — Réglage du délai
Critère 2.2.2 — Pause, arrêt, masquage
Critère 2.2.4 — Interruption et reprise
Critère 2.4.3 — Parcours du focus
Critère 2.4.4 — Lien — fonction du lien
Critère 2.4.7 — Focus visible
F55-1— Script supprimant le focus à la réceptionF55-2— Script supprimant le focus à la réceptionF55-3— Script supprimant le focus à la réceptionF78-1— Indicateur de focus masqué ou supprimé par CSSF78-2— Indicateur de focus masqué ou supprimé par CSSF78-3— Indicateur de focus masqué ou supprimé par CSS
Critère 2.4.9 — Lien — fonction du lien (sans contexte)
Critère 3.2.1 — Focus
Critère 3.2.2 — Saisie
Critère 3.2.5 — Changement de contexte
Critère 4.1.1 — Analyse syntaxique
Critère 4.1.2 — Nom, rôle, valeur
F59— Contrôle simulé (div/span) sans rôle accessibleF68-1— Label non associé programmatiquement au contrôleF68-2— Label non associé programmatiquement au contrôleF68-3— Label non associé programmatiquement au contrôleF86-1— Champ multipartie sans nom pour chaque segmentF86-2— Champ multipartie sans nom pour chaque segmentF86-3— Champ multipartie sans nom pour chaque segmentF89— Image seule dans un lien avec alt vide