Liste de contrôle WCAG 2.1 AA : Guide complet des critères de niveau A, AA et AAA

Malgré les avantages de l’accessibilité numérique, les organisations peinent encore à satisfaire aux exigences minimales d’accessibilité(opens in a new tab). Selon un scan de plus de 400 000 pages web d’entreprises sur 15 000 sites, nous avons constaté que :

38 % des images ne sont pas accessibles aux personnes malvoyantes.
80 % des pages comportent des liens qui ne sont pas clairs pour les personnes ayant des troubles visuels ou cognitifs.
35 % des formulaires n’ont pas d’étiquettes claires.

Ce sont ces problèmes (parmi des dizaines d’autres) qui font que seulement 3 % d’internet est accessible aux personnes en situation de handicap.

Le World Wide Web Consortium(opens in a new tab) (W3C) a créé les Règles pour l’accessibilité des contenus Web(opens in a new tab) (WCAG) pour aider les organisations à améliorer l’accessibilité pour les personnes en situation de handicap. WCAG est une norme internationale partagée que les entreprises doivent suivre pour respecter les standards d’accessibilité. Les directives comprennent 86 critères de succès qui, une fois respectés, augmentent l’accessibilité et la facilité d’utilisation sur les plateformes numériques, y compris les sites web, appareils mobiles, documents numériques et autres interfaces utilisateur.

Ci-dessous, nous avons rassemblé une liste de contrôle détaillée des critères de succès WCAG pour garantir que vos produits numériques respectent les normes de conformité en matière d’accessibilité web.

Liste de contrôle WCAG

Cette liste de contrôle WCAG 2.1 AA couvre tous les critères de succès des niveaux A, AA et AAA, ainsi que les neuf nouveaux critères ajoutés dans WCAG 2.2. Ne soyez pas submergé par le nombre de critères de succès — ils sont nombreux, mais il est possible de les respecter avec les bons outils.

Nous recommandons de commencer par les critères de succès du niveau A avant de passer aux niveaux supérieurs. Vous pouvez également envisager de traiter d’abord les corrections les plus simples tout en élaborant un plan pour les points plus complexes.

Liste de contrôle WCAG Niveau A

Les critères du niveau A représentent les exigences minimales d’accessibilité. Tous les sites web doivent les respecter avant de viser des niveaux supérieurs.

Critères de succès	Description	Complété
Contenu non textuel	Tout contenu non textuel (c.-à-d. images, boutons images et zones sensibles d’images) possède un texte alternatif approprié.
Audio seul et vidéo seule	Des transcriptions descriptives et précises sont fournies pour les contenus uniquement audio ou uniquement vidéo.
Sous-titres	Des sous-titres sont fournis pour les vidéos préenregistrées ou diffusées en direct (ex. : YouTube).
Informations et relations	Les titres utilisent la bonne structure sémantique. Les tableaux sont liés aux bons en-têtes et incluent des légendes si nécessaire. Les étiquettes de texte sont associées aux bons champs de formulaire.
Séquence significative	L’ordre de navigation suit l’ordre du code ; la navigation est claire et intuitive.
Caractéristiques sensorielles	Les instructions ne dépendent pas de l’emplacement visuel, de la forme ou de la taille (ex. : ‘Les instructions sont listées à droite’ ou ‘Cliquez sur le bouton carré pour continuer’).
Utilisation de la couleur	La couleur seule n’est pas utilisée pour transmettre une information, ni pour distinguer les liens du texte environnant sauf si le contraste de couleur est approprié.
Contrôle audio	Les utilisateurs peuvent mettre en pause, arrêter, modifier le volume ou couper le son du contenu audio qui se lance automatiquement sur une page pendant plus de trois secondes.
Clavier	Les éléments web peuvent facilement être partagés via un clavier et incluent des raccourcis clavier spécifiques à la page.
Aucun piège clavier	Le focus clavier et les raccourcis ne sont pas bloqués ou piégés sur des éléments de page.
Raccourcis clavier de caractères	Les utilisateurs doivent pouvoir désactiver les commandes clavier et passer à des touches non imprimables, telles que Ctrl, Alt, etc.
Temps ajustable	Les pages avec des limites de temps permettent aux utilisateurs d’ajuster, de désactiver ou d’étendre la limite de temps.
Pause, arrêt, masquage	Les contenus qui bougent, clignotent, défilent ou se mettent à jour automatiquement pendant plus de cinq secondes peuvent être mis en pause, arrêtés ou masqués par les utilisateurs.
Trois flashs ou moins	Le contenu de la page ne clignote pas plus de trois fois par seconde.
Contourner les blocs	Les utilisateurs peuvent passer la navigation ou d’autres éléments répétés sur les pages web.
Titres de page	La page web possède un titre de page descriptif et informatif.
Ordre du focus	L’ordre des liens est clair et suit une logique intuitive.
But du lien	Les utilisateurs peuvent comprendre le but du lien grâce au texte seul. Les liens avec un texte similaire qui redirigent vers des endroits différents sont facilement distinguables.
Gestes du pointeur	Les actions utilisateur peuvent être réalisées avec un seul geste du pointeur.
Annulation du pointeur	L’activation involontaire des contrôles est évitée en n’utilisant pas l’activation ‘onmousedown’.
Activation par mouvement	Les fonctionnalités déclenchées par le mouvement de l’utilisateur ou de l’appareil peuvent être désactivées, et une fonctionnalité similaire peut être obtenue via des contrôles standards comme des boutons ou autres contrôles.
Identification des erreurs	Les erreurs de validation de formulaire ou de saisie sont clairement identifiées et l’accès à l’erreur est rapidement fourni.

Liste de contrôle WCAG Niveau AA

Le niveau AA est la norme exigée par la plupart des lois sur l’accessibilité numérique, y compris l’ADA (États-Unis), EN 301 549 (UE) et AODA (Canada).

Critères de succès	Description	Complété
Sous-titres	Les médias en direct avec audio contiennent des sous-titres synchronisés.
Description audio	Les utilisateurs ont accès à des descriptions audio pour les vidéos non en direct.
Orientation	L’orientation de la page web n’est pas limitée au portrait ou au paysage ; les utilisateurs peuvent l’ajuster selon leurs besoins.
Identifier la finalité de la saisie	Les champs qui collectent certaines informations utilisateur ont un attribut ‘autocomplete’ défini.
Contraste	Le texte et les images ont un ratio de contraste d’au moins 4,5:1. Les grands textes ont un ratio d’au moins 3:1.
Redimensionner le texte	Les éléments de la page restent lisibles et fonctionnels lorsqu’ils sont zoomés à 200 %.
Images de texte	Si une représentation visuelle peut être transmise uniquement par du texte, une image seule n’est pas utilisée pour présenter ce texte.
Reflow	La fonctionnalité n’est pas perdue lorsque le contenu est présenté sur une largeur de 320 pixels. Le défilement horizontal est évité autant que possible.
Contraste non textuel (minimum)	Un ratio de contraste minimum de 3:1 est assuré pour différents objets, tels que les icônes, graphiques ou diagrammes.
Espacement du texte	Le contenu ou la fonctionnalité n’est pas perdu lorsque les utilisateurs ajustent l’espacement des paragraphes.
Contenu au survol ou au focus	Le contenu présenté au survol ou au focus peut être fermé sans déplacer le clavier ou le pointeur.
Plusieurs moyens	Les utilisateurs disposent de plusieurs moyens pour trouver d’autres pages web sur un site.
Titres et étiquettes	Les titres de page et les étiquettes sont informatifs et ne sont pas dupliqués sauf nécessité absolue.
Focus visible	Un indicateur visible est présent pour les éléments de page lorsqu’ils reçoivent le focus clavier.
Focus non masqué	Les éléments ayant le focus clavier sont entièrement visibles.
Déplacement par glisser	Les actions nécessitant un glisser du pointeur peuvent également être réalisées avec un seul pointeur.
Taille de la cible	Les tailles de pointeur sont d’au moins 24 par 24 pixels sauf indication contraire.
Langue des parties/page	La langue des pages est facilement identifiable via l’attribut ‘lang’.
Navigation cohérente	Les éléments répétés sur une page web (ex. : barre de recherche) sont étiquetés de façon cohérente sur chaque page.
Suggestion d’erreur	Lorsqu’une erreur est détectée, des suggestions sont proposées pour la corriger de manière accessible et rapide.
Prévention des erreurs	Si un utilisateur modifie ou supprime des données financières, juridiques ou de test, l’action peut être annulée, confirmée ou vérifiée si besoin.
Authentification excessive	Aucune fonction cognitive n’est requise lors des processus d’authentification sauf si elle peut être réalisée autrement, contournée, ou si l’utilisateur fournit une identification de contenu non textuel (ex. : image fournie par l’utilisateur).
Messages d’état	Les messages d’état sont annoncés aux lecteurs d’écran via une région live ou des alertes ARIA.

Liste de contrôle WCAG Niveau AAA

Le niveau AAA représente le plus haut niveau d’accessibilité. La plupart des organisations ne visent pas une conformité totale AAA, mais certains critères AAA peuvent être mis en œuvre lorsque cela est possible.

Critères de succès	Description	Complété
Langue des signes	Une interprétation en langue des signes est fournie pour les médias avec audio.
Description audio étendue	Lorsque la vidéo originale ne comporte pas suffisamment de pauses et n’est pas optimisée pour la description audio, une vidéo séparée avec des pauses suffisantes et des descriptions audio est fournie.
Alternative média	Les médias préenregistrés incluent une transcription descriptive.
Audio seul	Un texte descriptif est fourni pour le contenu en direct contenant de l’audio.
Identifier la finalité	ARIA est utilisé pour enrichir la sémantique HTML, permettant aux utilisateurs de mieux comprendre la finalité des éléments d’interface.
Contraste	Les images et le texte ont un ratio de contraste de 7:1.
Audio de fond faible ou inexistant	Le contenu audio comporte peu ou pas de bruit de fond, ce qui le rend facilement distinguable.
Présentation visuelle	Les blocs de texte de plus d’une phrase : font moins de 80 caractères de large, ne sont pas justifiés, ont un espacement de ligne adéquat, utilisent des couleurs de premier et d’arrière-plan appropriées, et ne nécessitent pas de défilement horizontal si la taille est doublée.
Images de texte	Le texte dans une image est utilisé uniquement à des fins décoratives, ou si l’information ne peut pas être présentée uniquement par du texte.
Clavier	Toutes les fonctionnalités sont accessibles via le clavier.
Aucune contrainte de temps	Il n’y a aucune limite ou contrainte de temps sur le contenu ou la fonctionnalité de la page.
Interruptions	Les interruptions telles que les alertes ou mises à jour peuvent être reportées par l’utilisateur.
Ré-authentification	Les utilisateurs peuvent se ré-authentifier sur une page et poursuivre leurs activités sans perdre de données.
Expiration de session	Les utilisateurs sont suffisamment avertis des expirations de session pouvant entraîner une perte de données (sauf si les données peuvent être conservées pendant plusieurs heures d’inactivité).
Trois flashs	Aucun contenu de page ne clignote trois fois par seconde.
Animations lors des interactions	Les animations et mouvements non essentiels peuvent être désactivés par les utilisateurs.
Localisation	Une page web faisant partie d’une séquence est indiquée comme telle via un fil d’Ariane ou la spécification des étapes de la séquence.
But du lien	Les utilisateurs peuvent distinguer la finalité de chaque lien grâce au texte du lien seul.
Titres de section	Les sections de contenu sont désignées à l’aide d’en-têtes.
Focus non masqué (amélioré)	Les éléments ayant le focus clavier sont entièrement visibles.
Apparence du focus	Lorsque des indicateurs ou arrière-plans personnalisés sont utilisés, il y a au moins un contraste de 3:1 entre les états focus/non focus, et la zone est au moins aussi grande que celle d’un périmètre de 2 pixels autour de l’élément.
Taille de la cible	Les cibles cliquables font 44 par 44 pixels sauf si une taille alternative est prévue.
Mécanismes d’entrée simultanés	Le contenu n’est pas limité à un seul type d’entrée (ex. : uniquement clavier ou uniquement tactile) et prend en charge les entrées alternatives.
Mots inhabituels	Les mots inconnus ou ambigus sont définis via un index, une liste de définitions ou une autre méthode appropriée.
Abréviations	Les abréviations inconnues sont développées et définies lors de leur première utilisation.
Niveau de lecture	Des alternatives plus compréhensibles sont fournies pour les contenus avancés (généralement pour les contenus au-dessus d’un niveau de lecture de 3e secondaire).
Prononciation	Des guides de prononciation sont fournis pour les mots essentiels à la compréhension de la page.
Changement sur demande	Les changements importants (ex. : ouverture de fenêtres pop-up ou changement de focus clavier) sont initiés par l’utilisateur et peuvent être désactivés si souhaité.
Aide	Des instructions ou des indices sont fournis aux utilisateurs qui ont besoin d’aide pour accomplir des tâches.
Prévention des erreurs	Les utilisateurs peuvent annuler, vérifier ou confirmer les soumissions après l’envoi des informations.
Authentification accessible (améliorée)	Aucun test de fonction cognitive n’est requis à aucune étape du processus d’authentification sauf si le test peut être contourné ou réalisé avec l’aide d’un autre mécanisme.

Qu’est-ce qui a changé dans WCAG 2.2 : 9 nouveaux critères de succès

WCAG 2.2 a été publié par le W3C en octobre 2023, ajoutant 9 nouveaux critères de succès aux niveaux de conformité A, AA et AAA. Cette mise à jour met fortement l’accent sur la navigation au clavier, l’interaction tactile et l’authentification, des domaines où la norme précédente présentait des lacunes importantes.

Un critère a également été supprimé : 4.1.1 Parsing, devenu largement redondant avec le comportement des navigateurs modernes et les pratiques de validation HTML. Les organisations visant la conformité WCAG 2.1 AA devront évaluer leurs sites selon ces ajouts, car les exigences d’adoption continuent d’évoluer.

Nouveau critère	Niveau/Ce que cela ajoute
2.4.11 Focus non masqué	AA ; Les en-têtes fixes, superpositions ou autres éléments de page ne doivent pas masquer entièrement les composants au focus.
2.4.12 Focus non masqué amélioré	AAA ; Version plus stricte : aucune partie du composant au focus ne peut être masquée.
2.4.13 Apparence du focus	AAA ; Exige que les indicateurs de focus respectent des seuils minimaux de taille et de contraste
2.5.7 Déplacements par glisser	AA; All functionality that uses dragging must also be achievable with a single pointer (e.g., click or tap).
2.5.8 Taille minimale de la cible	AA ; Les cibles interactives doivent mesurer au moins 24x24 pixels CSS, avec quelques exceptions limitées.
3.2.6 Aide cohérente	A ; Les mécanismes d’aide (infos de contact, chat, etc.) doivent apparaître au même endroit sur toutes les pages.
3.3.7 Saisie redondante	A ; Les utilisateurs ne doivent pas avoir à ressaisir des informations déjà fournies lors de la même session.
3.3.8 Authentification accessible	AA ; Les étapes d’authentification ne doivent pas exiger de tests cognitifs (comme des puzzles) sans alternative accessible.
3.3.9 Authentification accessible améliorée	AAA ; Version plus stricte ; supprime les exceptions autorisées au niveau AA.

Les données concurrentielles de cette page ont été collectées au 1er novembre 2023 et sont susceptibles d’être modifiées ou mises à jour. AudioEye ne garantit pas l’exhaustivité ou l’exactitude des informations présentées sur cette page.

WCAG reste la référence actuelle pour la conformité à la plupart des lois internationales sur l’accessibilité, mais les organisations devraient commencer à planifier leur alignement sur WCAG 2.2.

Conformité WCAG et lois sur l’accessibilité numérique

Tout le monde a le droit d’accéder et d’utiliser le contenu en ligne — suivre les critères de succès ci-dessus vous permet de créer un environnement accessible et fonctionnel pour tous. Cependant, l’accessibilité numérique est aussi une obligation légale dans le monde entier. La plupart des lois internationales sur l’accessibilité utilisent WCAG comme standard, notamment :

Americans with Disabilities Act (ADA) : L’ADA(opens in a new tab) interdit la discrimination envers les personnes en situation de handicap dans les espaces publics, ce qui inclut internet. Le non-respect des exigences ADA (y compris la création d’un site web conforme ADA) peut entraîner des poursuites. Pour se conformer à l’ADA, vous devrez respecter les exigences du WCAG 2.1 Niveau AA.
European Accessibility Act (EAA) : Similaire à l’ADA, l’EAA exige que toutes les organisations du secteur public de l’UE proposent des produits et services accessibles. À noter : l’EAA applique les principes POUR plutôt que WCAG ; cependant, suivre les principes WCAG vous place dans une bonne position pour répondre aux principes POUR.
Accessibility for Ontarians with Disabilities Act (AODA) : Selon l’AODA, les entreprises ne peuvent pas discriminer les personnes en situation de handicap « en ce qui concerne les biens, services, installations, hébergement, emploi, bâtiments, structures et locaux ». L’AODA utilise également WCAG 2.1 Niveau AA comme base pour la conformité AODA.

AudioEye : vous aider à atteindre la conformité WCAG facilement

Rendre votre site accessible ne doit pas être une source d’angoisse. La liste de contrôle ci-dessus vous offre une base solide, mais avec autant de critères de succès WCAG — et certains détails très techniques — il peut être difficile d’identifier et de corriger chaque problème seul.

C’est là qu’intervient AudioEye. Nous sommes la seule solution qui combine l’automatisation par IA, des audits d’experts, et des corrections personnalisées rédigées par des experts sur une seule plateforme, couvrant plus de critères WCAG que toute autre solution. Et avec AudioEye Assurance, vous bénéficiez de la seule véritable garantie juridique du secteur. Résultat : 400 % de protection en plus que les solutions automatisées seules, et le taux de réclamations juridiques valides le plus bas du secteur.

Prêt à commencer ? La solution de conformité WCAG d’AudioEye correspond directement aux critères de cette liste — découvrez comment AudioEye aide les organisations à atteindre et maintenir la conformité WCAG 2.1 AA dans notre guide WCAG complet.

Vous souhaitez vérifier l’accessibilité de votre contenu existant ? Utilisez notre Vérificateur d’accessibilité de site web gratuit. Ou planifiez une démo pour voir la plateforme AudioEye en action.

Foire aux questions

Quelles sont les différentes versions de WCAG ?

Quels sont les différents niveaux WCAG ?

Quelle est la dernière version de WCAG ?

Quand WCAG 3.0 sera-t-il publié ?

Quels sont les quatre principes de WCAG ?

Quelles sont les conséquences du non-respect de WCAG ?

Quels sont les nouveaux critères de succès dans WCAG 2.2 ?

Partager l'article

La liste complète de contrôle WCAG 2.1 AA pour l’accessibilité des sites web