Checklist WCAG 2.2 : les 86 criteres de succes expliques

Cette checklist couvre chaque critere de succes du WCAG 2.2, organise selon les quatre principes POUR et les treize directives. Chaque critere inclut son niveau de conformite, une explication pratique et des indications sur sa signification concretes.

Principe 1 : Perceptible

L'information et les composants de l'interface utilisateur doivent etre presentables aux utilisateurs de maniere a ce qu'ils puissent les percevoir.

Directive 1.1 : Alternatives textuelles

1.1.1 Contenu non textuel (Niveau A) — Tout contenu non textuel presente a l'utilisateur dispose d'une alternative textuelle qui remplit une fonction equivalente. Cela inclut les images, les icones, les graphiques, l'audio, la video, les animations, les CAPTCHA et les elements decoratifs. Les images informatives necessitent un texte alternatif descriptif. Les images fonctionnelles necessitent un texte alternatif decrivant la fonction. Les images decoratives necessitent un texte alternatif vide. Les images complexes necessitent des descriptions textuelles detaillees.

Directive 1.2 : Medias temporels

1.2.1 Audio seul et video seule – Preenregistres (Niveau A) — Fournir une transcription pour le contenu audio seul preenregistre et soit une transcription soit une audiodescription pour le contenu video seule preenregistre.

1.2.2 Sous-titres – Preenregistres (Niveau A) — Fournir des sous-titres synchronises pour tout contenu video preenregistre avec audio.

1.2.3 Audiodescription ou alternative media – Preenregistres (Niveau A) — Fournir une audiodescription ou une alternative textuelle complete pour le contenu video preenregistre.

1.2.4 Sous-titres – En direct (Niveau AA) — Fournir des sous-titres en temps reel pour tout contenu audio en direct dans les videos.

1.2.5 Audiodescription – Preenregistree (Niveau AA) — Fournir des audiodescriptions pour tout contenu video preenregistre ou des informations visuelles importantes ne sont pas deja transmises par l'audio.

Directive 1.3 : Adaptable

1.3.1 Information et relations (Niveau A) — L'information, la structure et les relations transmises par la presentation sont determinables par programmation ou disponibles en texte. Utilisez un balisage correct pour les titres, les listes, les tableaux, les libelles de formulaire et les reperes pour transmettre la structure visuellement apparente.

1.3.2 Ordre significatif (Niveau A) — Lorsque la sequence dans laquelle le contenu est presente affecte sa signification, un ordre de lecture correct peut etre determine par programmation. L'ordre du DOM doit correspondre a l'ordre visuel.

1.3.3 Caracteristiques sensorielles (Niveau A) — Les instructions pour comprendre et utiliser le contenu ne reposent pas uniquement sur des caracteristiques sensorielles telles que la forme, la couleur, la taille, la position visuelle, l'orientation ou le son.

1.3.4 Orientation (Niveau AA) — Le contenu ne restreint pas sa vue et son utilisation a une seule orientation d'affichage, sauf si une orientation specifique est essentielle.

1.3.5 Identification de l'objectif de la saisie (Niveau AA) — L'objectif des champs de saisie de formulaire collectant des informations utilisateur peut etre determine par programmation en utilisant l'attribut autocomplete.

Directive 1.4 : Distinguable

1.4.1 Utilisation de la couleur (Niveau A) — La couleur n'est pas utilisee comme seul moyen visuel de transmettre une information, d'indiquer une action, de solliciter une reponse ou de distinguer un element visuel.

1.4.2 Controle du son (Niveau A) — Si un son se lance automatiquement pendant plus de trois secondes, un mecanisme permet de le mettre en pause, de l'arreter ou de controler le volume independamment.

1.4.3 Contraste – Minimum (Niveau AA) — Le texte et les images de texte ont un ratio de contraste d'au moins 4,5:1, sauf pour le texte de grande taille (3:1), le texte accessoire et les logotypes.

1.4.4 Redimensionnement du texte (Niveau AA) — Le texte peut etre redimensionne jusqu'a 200 % sans perte de contenu ni de fonctionnalite.

1.4.5 Images de texte (Niveau AA) — Le texte est utilise pour transmettre l'information plutot que les images de texte, sauf lorsqu'une presentation visuelle particuliere est essentielle.

1.4.10 Redistribution (Niveau AA) — Le contenu peut etre presente sans perte d'information ni de fonctionnalite et sans necessiter de defilement dans deux dimensions a 320 pixels CSS de largeur pour le contenu vertical et 256 pixels CSS de hauteur pour le contenu horizontal.

1.4.11 Contraste des elements non textuels (Niveau AA) — Les composants de l'interface utilisateur et les objets graphiques significatifs ont un ratio de contraste d'au moins 3:1 par rapport aux couleurs adjacentes.

1.4.12 Espacement du texte (Niveau AA) — Aucune perte de contenu ni de fonctionnalite ne survient lorsque les utilisateurs ajustent la hauteur de ligne a 1,5x la taille de police, l'espacement des paragraphes a 2x la taille de police, l'espacement des lettres a 0,12x la taille de police et l'espacement des mots a 0,16x la taille de police.

1.4.13 Contenu au survol ou au focus (Niveau AA) — Lorsque le survol du pointeur ou le focus clavier declenche l'apparition et la disparition de contenu supplementaire, ce contenu est rejetable, survolable et persistant.

Principe 2 : Utilisable

Les composants de l'interface utilisateur et la navigation doivent etre utilisables.

Directive 2.1 : Accessibilite au clavier

2.1.1 Clavier (Niveau A) — Toutes les fonctionnalites sont utilisables via une interface clavier sans necessiter de contraintes de temps specifiques.

2.1.2 Pas de piege au clavier (Niveau A) — Si le focus clavier peut etre deplace vers un composant, le focus peut egalement en etre retire en utilisant uniquement le clavier.

2.1.4 Raccourcis clavier a caractere unique (Niveau A) — Si un raccourci clavier utilise uniquement des caracteres de lettre, de ponctuation, de chiffre ou de symbole, le raccourci peut etre desactive, reconfigure ou active uniquement lorsque le composant concerne a le focus.

Directive 2.2 : Delai suffisant

2.2.1 Delai ajustable (Niveau A) — Pour toute limite de temps definie par le contenu, l'utilisateur peut desactiver, ajuster ou prolonger la limite de temps.

2.2.2 Mettre en pause, arreter, masquer (Niveau A) — Pour le contenu en mouvement, clignotant, defilant ou se mettant a jour automatiquement qui demarre automatiquement et dure plus de cinq secondes, les utilisateurs peuvent le mettre en pause, l'arreter ou le masquer.

Directive 2.3 : Crises d'epilepsie et reactions physiques

2.3.1 Trois flashs ou en dessous du seuil (Niveau A) — Rien sur la page ne clignote plus de trois fois dans une periode d'une seconde.

Directive 2.4 : Navigable

2.4.1 Contourner des blocs (Niveau A) — Un mecanisme est disponible pour contourner les blocs de contenu repetes, comme les liens d'evitement de navigation.

2.4.2 Titre de page (Niveau A) — Les pages web ont des titres qui decrivent leur sujet ou leur objectif.

2.4.3 Ordre du focus (Niveau A) — Les composants focalisables recoivent le focus dans un ordre qui preserve le sens et l'utilisabilite.

2.4.4 Objectif du lien – En contexte (Niveau A) — L'objectif de chaque lien peut etre determine a partir du texte du lien seul ou avec son contexte.

2.4.5 Acces multiples (Niveau AA) — Plus d'un moyen est disponible pour localiser une page au sein d'un ensemble de pages.

2.4.6 Titres et libelles (Niveau AA) — Les titres et les libelles decrivent leur sujet ou leur objectif.

2.4.7 Visibilite du focus (Niveau A) — Toute interface utilisateur utilisable au clavier dispose d'un indicateur de focus visible.

2.4.11 Focus non masque – Minimum (Niveau AA) — Lorsqu'un composant recoit le focus clavier, il n'est pas entierement masque par du contenu cree par l'auteur. (Nouveau dans WCAG 2.2)

2.4.12 Focus non masque – Ameliore (Niveau AAA) — Lorsqu'un composant recoit le focus clavier, aucune partie de l'indicateur de focus n'est masquee par du contenu cree par l'auteur. (Nouveau dans WCAG 2.2)

2.4.13 Apparence du focus (Niveau AAA) — Les indicateurs de focus ont une taille suffisante (au moins un perimetre de 2 pixels) et un contraste suffisant (au moins 3:1 entre les etats focalise et non focalise). (Nouveau dans WCAG 2.2)

Directive 2.5 : Modalites de saisie

2.5.1 Gestes du pointeur (Niveau A) — Toutes les fonctionnalites utilisant des gestes multipoints ou bases sur un trajet peuvent etre utilisees avec un simple pointeur sans geste base sur un trajet.

2.5.2 Annulation du pointeur (Niveau A) — Pour les fonctionnalites de pointeur simple, l'action est declenchee au relachement et peut etre annulee ou defaite.

2.5.3 Libelle dans le nom (Niveau A) — Pour les composants avec des libelles textuels, le nom accessible contient le texte visuellement presente.

2.5.4 Activation par le mouvement (Niveau A) — Les fonctionnalites declenchees par le mouvement de l'appareil ou de l'utilisateur peuvent egalement etre utilisees via un composant de l'interface utilisateur, et le declenchement par le mouvement peut etre desactive.

2.5.7 Mouvements de glissement (Niveau AA) — Toutes les fonctionnalites utilisant le glissement peuvent egalement etre realisees par un simple pointeur sans glissement. (Nouveau dans WCAG 2.2)

2.5.8 Taille de la cible – Minimum (Niveau AA) — Les cibles interactives mesurent au moins 24 par 24 pixels CSS, avec des exceptions pour les cibles en ligne, les cibles controlees par l'agent utilisateur et les cibles suffisamment espacees. (Nouveau dans WCAG 2.2)

Principe 3 : Comprehensible

L'information et le fonctionnement de l'interface utilisateur doivent etre comprehensibles.

Directive 3.1 : Lisible

3.1.1 Langue de la page (Niveau A) — La langue humaine par defaut de chaque page web peut etre determinee par programmation via l'attribut lang.

3.1.2 Langue d'un passage (Niveau AA) — La langue humaine de chaque passage ou expression peut etre determinee par programmation, a l'exception des noms propres et des termes techniques.

Directive 3.2 : Previsible

3.2.1 Au focus (Niveau A) — Lorsqu'un composant recoit le focus, il n'initie pas de changement de contexte.

3.2.2 A la saisie (Niveau A) — La modification d'un parametre d'un composant n'entraine pas automatiquement un changement de contexte, sauf si l'utilisateur en a ete averti au prealable.

3.2.3 Navigation coherente (Niveau AA) — Les mecanismes de navigation repetes sur plusieurs pages apparaissent dans le meme ordre relatif a chaque fois.

3.2.6 Aide coherente (Niveau A) — Si des mecanismes d'aide apparaissent sur plusieurs pages, ils sont dans le meme ordre relatif. (Nouveau dans WCAG 2.2)

Directive 3.3 : Assistance a la saisie

3.3.1 Identification des erreurs (Niveau A) — Si une erreur de saisie est automatiquement detectee, l'element en erreur est identifie et l'erreur est decrite en texte.

3.3.2 Libelles ou instructions (Niveau A) — Des libelles ou des instructions sont fournis lorsque le contenu necessite une saisie utilisateur.

3.3.3 Suggestion d'erreur (Niveau AA) — Si une erreur de saisie est detectee et que des suggestions sont connues, elles sont fournies a l'utilisateur.

3.3.4 Prevention des erreurs – Juridique, financier, donnees (Niveau AA) — Pour les pages entrainant des engagements juridiques, des transactions financieres ou des modifications de donnees, les soumissions sont reversibles, verifiees ou confirmables.

3.3.7 Saisie redondante (Niveau A) — Les informations precedemment saisies dans le meme processus sont pre-remplies ou disponibles pour selection. (Nouveau dans WCAG 2.2)

3.3.8 Authentification accessible – Minimum (Niveau AA) — Un test de fonction cognitive n'est pas requis pour l'authentification, sauf si des alternatives ou des mecanismes d'assistance sont fournis. Les tests de reconnaissance d'objets sont autorises. (Nouveau dans WCAG 2.2)

3.3.9 Authentification accessible – Amelioree (Niveau AAA) — Identique a 3.3.8 mais sans l'exception de reconnaissance d'objets. (Nouveau dans WCAG 2.2)

Principe 4 : Robuste

Le contenu doit etre suffisamment robuste pour etre interprete de maniere fiable par une grande variete d'agents utilisateurs.

Directive 4.1 : Compatible

4.1.2 Nom, role, valeur (Niveau A) — Pour tous les composants de l'interface utilisateur, le nom et le role peuvent etre determines par programmation, les etats et les proprietes peuvent etre definis, et les changements sont disponibles pour les technologies d'assistance.

4.1.3 Messages de statut (Niveau AA) — Les messages de statut peuvent etre determines par programmation grace a un role ou des proprietes afin d'etre presentes a l'utilisateur par les technologies d'assistance sans recevoir le focus.

Note : le SC 4.1.1 Analyse syntaxique a ete supprime du WCAG 2.2 car considere comme obsolete.

Criteres de niveau AAA (supplementaires)

Les criteres de niveau AAA suivants ne sont pas listes ci-dessus mais font partie du WCAG 2.2. Ils representent le plus haut niveau d'accessibilite et sont recommandes lorsque c'est faisable :

1.2.6 Langue des signes – Preenregistree (AAA) — Une interpretation en langue des signes est fournie pour tout contenu audio preenregistre.

1.2.7 Audiodescription etendue (AAA) — Des audiodescriptions etendues sont fournies lorsque les pauses dans l'audio sont insuffisantes pour les audiodescriptions regulieres.

1.2.8 Alternative media – Preenregistree (AAA) — Une alternative textuelle complete est fournie pour tout contenu multimedia synchronise preenregistre et le contenu video seule.

1.2.9 Audio seul – En direct (AAA) — Une alternative textuelle est fournie pour le contenu audio seul en direct.

1.3.6 Identification de l'objectif (AAA) — L'objectif des composants de l'interface utilisateur, des icones et des regions peut etre determine par programmation.

1.4.6 Contraste – Ameliore (AAA) — Le texte a un ratio de contraste d'au moins 7:1 pour le texte normal et 4,5:1 pour le texte de grande taille.

1.4.7 Arriere-plan sonore faible ou absent (AAA) — Le contenu audio seul preenregistre contenant principalement de la parole a un bruit de fond faible ou inexistant.

1.4.8 Presentation visuelle (AAA) — Les blocs de texte offrent une personnalisation visuelle incluant les couleurs de premier plan/arriere-plan, la largeur, l'interligne et l'alignement.

1.4.9 Images de texte – Sans exception (AAA) — Les images de texte ne sont utilisees que pour la pure decoration ou lorsque c'est essentiel.

2.1.3 Clavier – Sans exception (AAA) — Toutes les fonctionnalites sont utilisables via un clavier sans exception.

2.2.3 Pas de limite de temps (AAA) — Le temps n'est pas une partie essentielle de l'evenement ou de l'activite, sauf pour les medias en temps reel et synchronises.

2.2.4 Interruptions (AAA) — Les interruptions peuvent etre reportees ou supprimees par l'utilisateur.

2.2.5 Re-authentification (AAA) — Lorsqu'une session authentifiee expire, l'utilisateur peut continuer apres re-authentification sans perdre de donnees.

2.2.6 Delais d'inactivite (AAA) — Les utilisateurs sont avertis des delais d'inactivite pouvant entrainer une perte de donnees, sauf si les donnees sont conservees pendant au moins 20 heures.

2.3.2 Trois flashs (AAA) — Rien sur la page ne clignote plus de trois fois par seconde, sans exception.

2.3.3 Animation declenchee par les interactions (AAA) — L'animation de mouvement declenchee par une interaction peut etre desactivee, sauf si elle est essentielle.

2.4.8 Localisation (AAA) — Des informations sur la localisation de l'utilisateur au sein d'un ensemble de pages sont disponibles (par exemple, fil d'Ariane).

2.4.9 Objectif du lien – Lien seul (AAA) — L'objectif de chaque lien peut etre determine a partir du texte du lien seul.

2.4.10 Titres de section (AAA) — Des titres de section sont utilises pour organiser le contenu.

2.5.5 Taille de la cible – Amelioree (AAA) — Les cibles interactives mesurent au moins 44 par 44 pixels CSS.

2.5.6 Mecanismes de saisie simultanes (AAA) — Le contenu ne restreint pas l'utilisation des modalites de saisie disponibles sur la plateforme.

3.1.3 Mots inhabituels (AAA) — Un mecanisme est disponible pour identifier les definitions specifiques des mots ou expressions utilises de maniere inhabituelle.

3.1.4 Abreviations (AAA) — Un mecanisme pour identifier la forme developpee des abreviations est disponible.

3.1.5 Niveau de lecture (AAA) — Lorsque le texte necessite un niveau de lecture plus avance que le niveau du secondaire inferieur, un contenu supplementaire ou une version alternative est disponible.

3.1.6 Prononciation (AAA) — Un mecanisme est disponible pour identifier la prononciation des mots dont le sens est ambigu sans prononciation.

3.2.4 Identification coherente (AA) — Les composants ayant la meme fonctionnalite au sein d'un ensemble de pages sont identifies de maniere coherente.

3.2.5 Changement a la demande (AAA) — Les changements de contexte ne sont inities que par une demande de l'utilisateur ou un mecanisme pour desactiver ces changements est disponible.

3.3.5 Aide (AAA) — Une aide contextuelle est disponible.

3.3.6 Prevention des erreurs – Toutes (AAA) — Pour toutes les pages necessitant une saisie utilisateur, les soumissions sont reversibles, verifiees ou confirmables.