Les 50 critères WCAG 2.1 AA, en langage clair

WCAG 2.1 AA est la base technique de la norme EN 301 549, la norme européenne pour l’accessibilité des TIC et, en pratique, la voie vers la conformité à l’Acte européen sur l’accessibilité. Elle compte 50 critères de succès. Les contrôles automatisés en testent 3 entièrement et 27 en partie ; 20 requièrent un examen humain. Chaque rapport Wexlo l’indique critère par critère. Vous trouverez ci-dessous la liste complète, avec une vérification en langage clair pour tout ce qu’une machine ne peut pas juger entièrement.

Automatisé : le moteur de règles teste ce critère entièrement
Partiellement automatisé : les règles en couvrent une partie ; un humain vérifie le reste
Examen humain : il n’existe aucun test automatisé fiable pour ce critère

1. Perceptible

Critère	Automatisé	Partiellement automatisé	Examen humain
1.1.1 contenu non textuelNiveau AVérifiez que chaque image porteuse de sens a un texte alt qui transmet sa fonction, et que les images décoratives ont un alt vide. La couche IA signale les textes alt manifestement faibles, mais un humain confirme s'ils correspondent à l'image.	Non	Oui	Non
1.2.1 contenu seulement audio ou vidéo (préenregistré)Niveau AVérifiez que les contenus seulement audio ou seulement vidéo disposent d'une alternative textuelle équivalente. Le scan liste les médias trouvés par page et la présence d'un lien de transcription à proximité, mais un humain confirme l'équivalence.	Non	Oui	Non
1.2.2 sous-titres (préenregistrés)Niveau AVérifiez que les sous-titres sont exacts et synchronisés. Le contrôle automatisé voit seulement si une piste de sous-titres HTML5 existe ; l'inventaire média liste aussi les vidéos intégrées (YouTube/Vimeo) pour les vérifier une à une.	Non	Oui	Non
1.2.3 audiodescription ou version de remplacement (préenregistrée)Niveau AVérifiez que les vidéos préenregistrées ont une audiodescription ou une version de remplacement pour l'information visible uniquement à l'écran.	Non	Non	Oui
1.2.4 sous-titres (en direct)Niveau AAVérifiez que les vidéos en direct comportant de la parole sont sous-titrées.	Non	Non	Oui
1.2.5 audiodescription (préenregistrée)Niveau AAVérifiez que les vidéos préenregistrées disposent d'une audiodescription lorsque l'image porte des informations absentes de la bande sonore.	Non	Non	Oui
1.3.1 information et relationsNiveau AVérifiez que la structure visuelle (titres, listes, tableaux, groupes de formulaires) est aussi exprimée dans le balisage. Le contrôle automatisé ne détecte que des motifs précis.	Non	Oui	Non
1.3.2 ordre séquentiel logiqueNiveau AVérifiez que l'ordre de lecture reste logique sans mise en forme, par exemple avec un lecteur d'écran ou une vue linéarisée.	Non	Non	Oui
1.3.3 caractéristiques sensoriellesNiveau AVérifiez que les instructions ne reposent jamais uniquement sur la forme, la taille, la position, la couleur ou le son (« cliquez sur le bouton rond à droite »). La couche IA fait un premier tri sur le texte de la page et un humain confirme les cas signalés.	Non	Oui	Non
1.3.4 orientationNiveau AAVérifiez que le site fonctionne en orientation portrait et paysage. Le contrôle automatisé ne détecte que les verrouillages stricts (CSS masquant le contenu dans une orientation, ou script qui la verrouille) ; une perte de mise en page subtile demande encore un humain.	Non	Oui	Non
1.3.5 identifier la finalité de la saisieNiveau AAVérifiez que les champs collectant des données personnelles portent l'attribut autocomplete approprié. Les contrôles automatisés valident les attributs présents et signalent les champs manifestement personnels (e-mail, téléphone, nom) qui n'en portent aucun.	Non	Oui	Non
1.4.1 utilisation de la couleurNiveau AVérifiez que la couleur n'est jamais le seul vecteur d'information (liens, graphiques, états d'erreur). Les contrôles automatisés couvrent les liens dans le texte et les champs dont le seul indice d'erreur est un changement de couleur/bordure ; les graphiques et images demandent encore un humain.	Non	Oui	Non
1.4.2 contrôle du sonNiveau AVérifiez que tout son lancé automatiquement peut être mis en pause, arrêté ou coupé. Le contrôle automatisé ne détecte que l'autoplay dans le balisage.	Non	Oui	Non
1.4.3 contraste (minimum)Niveau AA	Oui	Non	Non
1.4.4 redimensionnement du texteNiveau AAVérifiez que la page reste utilisable à 200 % de zoom sans perte de contenu. Les contrôles automatisés signalent le balisage bloquant le zoom, le contenu qui se coupe ou défile horizontalement à un affichage zoomé à 200 %, et le texte dont la taille dépend uniquement de la largeur de la fenêtre, que le zoom n'agrandit donc pas.	Non	Oui	Non
1.4.5 texte sous forme d'imageNiveau AAVérifiez que le texte est du vrai texte et non une image de texte, à l'exception des logos.	Non	Non	Oui
1.4.10 redistribution (reflow)Niveau AAVérifiez que le contenu se réorganise à 320 pixels CSS sans défilement bidimensionnel. Le contrôle automatisé de Wexlo signale les débordements mais ne peut pas juger les exceptions légitimes comme les tableaux de données ou les cartes.	Non	Oui	Non
1.4.11 contraste du contenu non textuelNiveau AAVérifiez que les composants d'interface et les éléments graphiques porteurs de sens présentent un contraste d'au moins 3:1 avec les couleurs adjacentes.	Non	Non	Oui
1.4.12 espacement du texteNiveau AAVérifiez qu'aucun contenu ni aucune fonction ne se perd quand l'espacement du texte est augmenté. Le contrôle automatisé ne détecte que les débordements après application des valeurs d'espacement.	Non	Oui	Non
1.4.13 contenu au survol ou au focusNiveau AAVérifiez que le contenu qui apparaît au survol ou au focus peut être masqué, survolé à son tour et reste visible jusqu'à sa fermeture.	Non	Non	Oui

2. Utilisable

Critère	Automatisé	Partiellement automatisé	Examen humain
2.1.1 clavierNiveau AVérifiez que chaque fonction est utilisable au clavier seul. Les contrôles automatisés couvrent les cadres focalisables, les zones de défilement et un parcours de tabulation, pas l'utilisabilité complète.	Non	Oui	Non
2.1.2 pas de piège au clavierNiveau AVérifiez que le focus clavier peut toujours entrer et sortir de chaque composant. Le parcours de tabulation de Wexlo signale les pièges évidents ; les widgets personnalisés demandent encore un passage manuel.	Non	Oui	Non
2.1.4 raccourcis clavier utilisant des caractèresNiveau AVérifiez que les raccourcis d'un seul caractère peuvent être désactivés ou remappés, ou ne s'activent que lorsque le composant concerné a le focus.	Non	Non	Oui
2.2.1 réglage du délaiNiveau AVérifiez que toute limite de temps peut être désactivée, ajustée ou prolongée. Le contrôle automatisé ne détecte que meta-refresh.	Non	Oui	Non
2.2.2 mettre en pause, arrêter, masquerNiveau AVérifiez que le contenu en mouvement, clignotant ou à mise à jour automatique peut être mis en pause, arrêté ou masqué. Le contrôle automatisé ne détecte que le balisage obsolète blink/marquee.	Non	Oui	Non
2.3.1 pas plus de trois flashsNiveau AVérifiez que rien ne clignote plus de trois fois par seconde.	Non	Non	Oui
2.4.1 contourner des blocsNiveau AVérifiez que le lien d'évitement ou la structure de repères permet réellement aux utilisateurs clavier de sauter les blocs répétés. Le contrôle automatisé vérifie seulement que le mécanisme existe.	Non	Oui	Non
2.4.2 titre de pageNiveau AVérifiez que chaque titre de page décrit réellement la page. Les contrôles automatisés vérifient qu'un titre existe, signalent les titres génériques et en double entre les pages, et la couche IA signale les titres peu descriptifs.	Non	Oui	Non
2.4.3 parcours du focusNiveau AVérifiez que la tabulation à travers chaque page suit un ordre logique qui préserve le sens.	Non	Non	Oui
2.4.4 fonction du lien (selon le contexte)Niveau AVérifiez que la fonction de chaque lien ressort de son intitulé ou de son contexte direct. Le contrôle automatisé vérifie que les liens ont un nom accessible, et la couche IA signale les intitulés vagues (« cliquez ici », « en savoir plus »).	Non	Oui	Non
2.4.5 accès multiplesNiveau AAVérifiez qu'il existe plus d'un moyen de trouver une page. Le contrôle automatisé compte un plan du site, une recherche et la navigation, et signale les sites en offrant moins de deux ; confirmez que les moyens fonctionnent réellement.	Non	Oui	Non
2.4.6 en-têtes et étiquettesNiveau AAVérifiez que les en-têtes et les étiquettes décrivent le sujet ou la fonction de ce qui suit. La couche IA signale les en-têtes qui ne correspondent pas au contenu qui les suit, et un humain confirme les cas signalés.	Non	Oui	Non
2.4.7 visibilité du focusNiveau AAVérifiez que chaque élément interactif affiche un indicateur de focus bien visible. Le parcours de tabulation signale les indicateurs absents mesurables ; les cas subtils demandent encore un œil humain.	Non	Oui	Non
2.5.1 gestes pour le contrôle du pointeurNiveau AVérifiez que les gestes comme balayer ou pincer ont une alternative à pointeur unique (boutons, appuis).	Non	Non	Oui
2.5.2 annulation de l'action du pointeurNiveau AVérifiez que les actions au pointeur s'exécutent au relâchement, peuvent être annulées ou peuvent être défaites.	Non	Non	Oui
2.5.3 étiquette dans le nomNiveau AVérifiez que le nom accessible d'un composant contient le texte visible sur celui-ci (important pour la commande vocale). Le contrôle automatisé signale les écarts nets ; examinez les composants dont l'étiquette visible est une icône ou une image.	Non	Oui	Non
2.5.4 activation par le mouvementNiveau AVérifiez que les fonctions déclenchées par le mouvement (secouer, incliner) peuvent être désactivées et ont une alternative classique.	Non	Non	Oui

3. Compréhensible

Critère	Automatisé	Partiellement automatisé	Examen humain
3.1.1 langue de la pageNiveau A	Oui	Non	Non
3.1.2 langue d'un passageNiveau AAVérifiez que les passages dans une autre langue portent leur propre attribut lang. Les contrôles automatisés valident les attributs présents et signalent les blocs de texte qui se lisent dans l'une des quatre langues de Wexlo mais diffèrent de la langue déclarée de la page sans lang propre.	Non	Oui	Non
3.2.1 au focusNiveau AVérifiez que le simple focus sur un élément ne déclenche jamais de changement de contexte, comme une navigation ou une fenêtre surgissante.	Non	Non	Oui
3.2.2 à la saisieNiveau AVérifiez que la modification d'un champ de formulaire (choisir une option, cocher une case) ne change jamais le contexte de façon inattendue, sauf avertissement préalable.	Non	Non	Oui
3.2.3 navigation cohérenteNiveau AAVérifiez que la navigation apparaît dans le même ordre relatif sur tout le site. La comparaison entre pages de Wexlo ne couvre que les pages analysées.	Non	Oui	Non
3.2.4 identification cohérenteNiveau AAVérifiez que les composants ayant la même fonction sont nommés et présentés de manière cohérente sur toutes les pages.	Non	Non	Oui
3.3.1 identification des erreursNiveau AVérifiez que chaque erreur de saisie est décrite en texte près du champ. Le contrôle de formulaires de Wexlo ne déclenche que la validation côté client et peut manquer les flux côté serveur.	Non	Oui	Non
3.3.2 étiquettes ou instructionsNiveau AVérifiez que chaque champ a une étiquette ou une instruction visible indiquant quoi saisir. Le contrôle automatisé ne détecte que des motifs d'étiquetage précis.	Non	Oui	Non
3.3.3 suggestion après une erreurNiveau AAVérifiez que les messages d'erreur proposent une correction lorsqu'elle est connue (format attendu, valeur d'exemple).	Non	Non	Oui
3.3.4 prévention des erreurs (juridiques, financières, de données)Niveau AAVérifiez que les envois juridiques ou financiers peuvent être vérifiés, corrigés ou annulés avant d'être définitifs.	Non	Non	Oui

4. Robuste

Critère	Automatisé	Partiellement automatisé	Examen humain
4.1.1 analyse syntaxiqueNiveau AAucune action requise : pour le HTML, ce critère est considéré comme satisfait selon les errata W3C de WCAG 2.1.	Non	Non	Oui
4.1.2 nom, rôle et valeurNiveau A	Oui	Non	Non
4.1.3 messages d'étatNiveau AAVérifiez que les messages d'état (ajouté au panier, enregistré, résultats filtrés) sont annoncés aux lecteurs d'écran via une région live.	Non	Non	Oui

Vous voulez savoir où en est votre site ? Lancez une analyse gratuite d’une page.