Référence
WCAG 2.2, écrit pour la personne qui doit corriger
Les 87 critères de succès. Pour ceux de niveau A et AA — l'ensemble visé par l'EAA et EN 301 549 — chaque page dit ce que le critère signifie sans jargon normatif, à quoi ressemble un échec dans du vrai balisage, et quelles vérifications automatiques le trouvent.
23 des 55 critères A/AA ont au moins une vérification automatique · 32 demandent une personne
1. Perceptible
Les gens doivent pouvoir percevoir le contenu — le voir, l'entendre ou se le faire lire.
A1.1.1Contenu non textuelTout ce qui n'est pas du texte — une image, une icône, un graphique — a besoin d'une version textuelle qui dise la même chose.7 vérifications
A1.2.1Contenu seulement audio ou vidéo (préenregistré)Les enregistrements sonores seuls et les vidéos muettes ont besoin d'une alternative qui porte la même information.1 vérification
A1.2.2Sous-titres (préenregistrés)Une vidéo enregistrée avec du son a besoin de sous-titres.1 vérification
A1.2.3Audio-description ou version de remplacement pour un média temporel (préenregistré)Une vidéo enregistrée a besoin soit d'une audiodescription de ce qui est montré, soit d'une alternative textuelle.manuel
AA1.2.4Sous-titres (en direct)Le contenu sonore diffusé en direct a besoin de sous-titres en direct.manuel
AA1.2.5Audio-description (préenregistrée)Une vidéo enregistrée a besoin d'une piste d'audiodescription.manuel
AAA1.2.6Langue des signes (préenregistrée)Une interprétation en langue des signes est fournie pour tout contenu audio préenregistré dans un média synchronisé.manuel
AAA1.2.7Audio-description étendue (préenregistrée)Quand les blancs dans l'audio au premier plan sont insuffisants pour permettre à l'audio-description de véhiculer le sens de la vidéo, une audio-description étendue est fournie pour tout contenu vidéo préenregistré dans un média synchronisé.manuel
AAA1.2.8Version de remplacement pour un média temporel (préenregistré)Une version de remplacement pour un média temporel est fournie pour tout média synchronisé préenregistré et pour tout média seulement vidéo préenregistré.manuel
AAA1.2.9Contenu seulement audio (en direct)Une version de remplacement pour un média temporel qui présente une information équivalente pour un contenu seulement audio en direct est fournie.manuel
A1.3.1Information et relationsLa structure que vous montrez par la mise en page — titres, listes, tableaux, groupes — doit aussi exister dans le balisage.12 vérifications
A1.3.3Caractéristiques sensoriellesN'expliquez rien uniquement par la forme, la taille, la position ou le son.manuel
AA1.3.5Identifier la finalité de la saisieLes champs qui demandent les données personnelles de la personne devraient dire dans le code laquelle ils attendent.1 vérification
AAA1.3.6Identifier la finalitéDans un contenu implémenté à l'aide de langages de balisage, la finalité des composants d'interface utilisateur, des icônes et des régions peut être déterminée par un programme informatique.manuel
A1.4.2Contrôle du sonUn son qui se lance seul pendant plus de trois secondes a besoin d'un moyen de l'arrêter.1 vérification
AA1.4.3Contraste (minimum)Le texte a besoin d'un contraste d'au moins 4,5:1 avec son fond — 3:1 s'il est grand.1 vérification
AA1.4.4Redimensionnement du texteLe texte doit survivre à un agrandissement à 200 % sans perdre de contenu ni de fonction.1 vérification
AAA1.4.6Contraste (amélioré)La présentation visuelle du texte et du texte sous forme d'image a un rapport de contraste d'au moins 7:1, sauf dans les cas suivants :1 vérification
AAA1.4.7Son faible ou absent en arrière-planPour un contenu seulement audio préenregistré qui (1) contient principalement de la parole au premier plan, (2) n'est pas un CAPTCHA audio ni un logo audio et (3) n'est pas une vocalisation dont l'intention est d'être principalement musicale, au moins l'une des conditions suivantes est vraie :manuel
AAA1.4.8Présentation visuellePour la présentation visuelle de blocs de texte, un mécanisme est disponible pour obtenir ce qui suit :manuel
AAA1.4.9Texte sous forme d'image (sans exception)Le texte sous forme d'image est uniquement utilisé à des fins de décoration ou quand une présentation particulière du texte est essentielle à l'information véhiculée.manuel
AA1.4.10RedistributionLe contenu doit se réorganiser dans une fenêtre de 320 px de large, sans barre de défilement horizontale.manuel
AA1.4.11Contraste du contenu non textuelLes éléments d'interface et les graphiques porteurs de sens ont besoin de 3:1 de contraste, pas seulement le texte.manuel
AA1.4.12Espacement du texteLa page doit continuer à fonctionner quand le lecteur augmente l'interligne et l'espacement des lettres.1 vérification
AA1.4.13Contenu au survol ou au focusLe contenu qui apparaît au survol ou au focus doit pouvoir être fermé, survolé et rester affiché.manuel
2. Utilisable
Les gens doivent pouvoir utiliser l'interface, quel que soit le dispositif qui la pilote.
A2.1.2Pas de piège au clavierLe focus clavier ne doit jamais rester coincé quelque part dont on ne peut pas sortir.manuel
AAA2.1.3Clavier (pas d'exception)Toutes les fonctionnalités du contenu sont utilisables à l'aide d'une interface clavier sans nécessiter un rythme de frappe particulier.1 vérification
A2.1.4Raccourcis clavier utilisant un caractèreUn raccourci fait d'une seule lettre doit pouvoir être désactivé ou remappé.manuel
A2.2.1Réglage du délaiSi quelque chose est minuté, la personne doit pouvoir désactiver, ajuster ou prolonger le délai.1 vérification
A2.2.2Mettre en pause, arrêter, masquerTout ce qui bouge, clignote, défile ou se met à jour tout seul plus de cinq secondes a besoin d'une commande de pause.2 vérifications
AAA2.2.3Pas de délaiLe rythme n'est pas un élément essentiel de l'événement ou de l'activité présentés par le contenu, à l'exception des médias synchronisés non interactifs et des événements en temps réel.manuel
AAA2.2.4InterruptionsLes interruptions peuvent être reportées ou supprimées par l'utilisateur, sauf les interruptions impliquant une urgence.1 vérification
AAA2.2.5Ré-identificationQuand une session authentifiée expire, l'utilisateur peut poursuivre l'activité sans perte de données après s'être ré-identifié.manuel
AAA2.2.6Délais d'expirationLes utilisateurs sont avertis de la durée de toute inactivité pouvant provoquer une perte de données, à moins que les données ne soient préservées pendant plus de 20 heures lorsque l'utilisateur n'entreprend aucune action.manuel
A2.3.1Pas plus de trois flashs ou sous le seuil critiqueRien ne doit clignoter plus de trois fois par seconde.manuel
AAA2.3.2Pas plus de trois flashsLes pages web ne contiennent rien qui flashe plus de trois fois dans une même seconde.manuel
AAA2.3.3Animation à partir d'interactionsLes animations de mouvement déclenchées par une interaction peuvent être désactivées, à moins que l'animation ne soit essentielle à la fonctionnalité ou à l'information véhiculée.manuel
A2.4.1Contourner des blocsDonnez un moyen de passer les blocs qui se répètent sur chaque page.1 vérification
AAA2.4.8LocalisationDe l'information à propos de la position de l'utilisateur dans un ensemble de pages web est disponible.manuel
AAA2.4.9Fonction du lien (lien seulement)Un mécanisme est disponible pour permettre d'identifier la fonction de chaque lien à partir du seul texte du lien, sauf si la fonction du lien est ambiguë pour tous les utilisateurs.1 vérification
AA2.4.11Focus non masqué (minimum)Un en-tête ou un pied de page collant ne doit pas masquer entièrement l'élément qui a le focus.manuel
AAA2.4.12Focus non masqué (amélioré)Lorsqu'un composant d'interface utilisateur reçoit le focus clavier, aucune partie du composant n'est masquée par du contenu créé par l'auteur.manuel
AAA2.4.13Apparence du focusLorsque l'indicateur de focus clavier est visible, une zone de l'indicateur de focus remplit toutes les conditions suivantes :manuel
A2.5.1Gestes pour le pointeurTout ce qui se fait par un geste à plusieurs doigts ou suivant un tracé doit aussi se faire d'une simple pression.manuel
A2.5.2Annulation du pointeurUne action ne doit pas se déclencher à l'appui — il faut pouvoir se rétracter.manuel
A2.5.3Étiquette dans le nomLe nom accessible d'un contrôle doit contenir les mots qui y sont affichés.1 vérification
A2.5.4Activation par le mouvementSi secouer ou incliner l'appareil déclenche quelque chose, un contrôle doit faire la même chose.manuel
AAA2.5.5Taille de la cible (amélioré)La taille de la cible pour les entrées du pointeur est d'au moins 44 par 44 pixels CSS sauf quand :manuel
AAA2.5.6Mécanismes de saisie concomitantsLe contenu web ne restreint pas l'utilisation des modalités de saisie disponibles sur une plateforme, sauf lorsque la restriction est essentielle, requise pour assurer la sécurité du contenu ou requise pour respecter les paramètres de l'utilisateur.manuel
AA2.5.7Mouvements de glissementTout ce qui fonctionne par glissement doit aussi fonctionner sans glisser.manuel
AA2.5.8Taille de la cible (minimum)Les cibles tactiles doivent faire au moins 24 sur 24 pixels CSS, ou être suffisamment espacées.1 vérification
3. Compréhensible
Les gens doivent pouvoir comprendre ce qui est dit et ce qui va se passer ensuite.
AA3.1.2Langue d'un passageBalisez les passages qui sont dans une autre langue que la page.1 vérification
AAA3.1.3Mots raresUn mécanisme est disponible pour identifier les définitions spécifiques des mots ou expressions utilisés d'une manière inhabituelle ou restreinte, incluant les expressions idiomatiques et le jargon.manuel
AAA3.1.4AbréviationsUn mécanisme est disponible pour identifier la forme complète ou la signification des abréviations.manuel
AAA3.1.5Niveau de lectureQuand un texte exige une capacité de lecture plus avancée que le premier cycle de l'enseignement secondaire — après suppression des noms propres et des titres —, un contenu supplémentaire ou une version n'exigeant pas cette capacité de lecture est disponible.manuel
AAA3.1.6PrononciationUn mécanisme est disponible pour identifier la prononciation spécifique des mots dont la signification, dans le contexte, est ambiguë sans la connaissance de leur prononciation.manuel
AA3.2.3Navigation cohérenteLa navigation qui se répète d'une page à l'autre doit garder le même ordre.manuel
AAA3.2.5Changement à la demandeLes changements de contexte sont initiés uniquement à la demande de l'utilisateur ou un mécanisme est disponible pour désactiver de tels changements.1 vérification
A3.2.6Aide cohérenteSi de l'aide est proposée sur plusieurs pages, elle doit être au même endroit partout.manuel
A3.3.1Identification des erreursQuand une saisie est refusée, dites en toutes lettres quel champ et ce qui ne va pas.manuel
A3.3.2Étiquettes ou instructionsChaque champ a besoin d'une étiquette, et d'une instruction là où le format ne va pas de soi.1 vérification
AA3.3.3Suggestion après une erreurQuand vous devinez ce que la personne voulait dire, proposez la correction.manuel
AA3.3.4Prévention des erreurs (juridiques, financières, de données)Les envois à portée juridique ou financière et ceux qui modifient des données doivent être réversibles, vérifiés ou confirmés.manuel
AAA3.3.6Prévention des erreurs (toutes)Pour les pages web qui nécessitent que l'utilisateur soumette des informations, au moins l'une des conditions suivantes est vraie :manuel
A3.3.7Saisie redondanteNe faites pas saisir deux fois la même information dans un même parcours.manuel
AA3.3.8Authentification accessible (minimum)N'obligez pas à résoudre une énigme ni à se souvenir de quelque chose pour se connecter.manuel
AAA3.3.9Authentification accessible (améliorée)Aucun test de fonction cognitive (comme se souvenir d'un mot de passe ou résoudre une énigme) n'est requis pour une étape du processus d'authentification, à moins que cette étape ne fournisse au moins l'un des éléments suivants :manuel
4. Robuste
Le balisage doit être assez solide pour que les technologies d'assistance puissent s'en servir.
A4.1.2Nom, rôle et valeurChaque contrôle doit exposer ce qu'il est, comment il s'appelle et dans quel état il se trouve.29 vérifications
AA4.1.3Messages d'étatLes messages qui apparaissent sans déplacer le focus doivent être annoncés.manuel