WCAG 2.2
87 critères
Critères WCAG 2.2
1.1. Équivalents textuels
1.2. Média temporel
- 1.2.1Contenus seulement audio et seulement vidéo (pré-enregistrés) — Pour des médias pré-enregistrés seulement audio et pré-enregistrés seulement vidéo, sauf si l’audio ou la vidéo sont un média de remplacement pour un texte et qu’ils sont clairement identifiés comme tels, les points suivants sont vrais :A
- 1.2.2Sous-titres (pré-enregistrés) — Fournir des sous-titres pour tout contenu audio pré-enregistré dans un média synchronisé, excepté lorsque le média est un média de remplacement pour un texte et qu’il est clairement identifié comme tel.A
- 1.2.3Audio-description ou version de remplacement pour un média temporel (pré-enregistré) — Fournir une version de remplacement pour un média temporel ou une audio-description du contenu vidéo pré-enregistré pour un média synchronisé, excepté quand le média est un média de remplacement pour un texte et qu’il est clairement identifié comme tel.A
- 1.2.4Sous-titres (en direct) — Fournir des sous-titres pour tout contenu audio en direct, sous forme de média synchronisé.AA
- 1.2.5Audio-description (pré-enregistrée) — Fournir une audio-description pour tout contenu vidéo pré-enregistré, sous forme de média synchronisé.AA
- 1.2.6Langue des signes (pré-enregistrée) — Fournir une interprétation en langue des signes pour tout contenu audio pré-enregistré, sous forme de média synchronisé.AAA
- 1.2.7Audio-description étendue (pré-enregistrée) — Lorsque les blancs présents dans le fond sonore ne sont pas suffisants pour permettre à l’audio-description de transmettre le sens de la vidéo, fournir une audio-description étendue pour tout contenu vidéo pré-enregistré sous la forme de média synchronisé.AAA
- 1.2.8Version de remplacement pour un média temporel (pré-enregistrée) — Fournir une version de remplacement pour un média temporel, pour tout contenu de type média synchronisé pré-enregistré et pour tout média pré-enregistré seulement vidéo.AAA
- 1.2.9Seulement audio (en direct) — Fournir une version de remplacement pour un média temporel, donnant une information équivalente pour un contenu seulement audio en direct.AAA
1.3. Adaptable
- 1.3.1Information et relations — L’information, la structure, et les relations véhiculées par la présentation peuvent être déterminées par un programme informatique ou sont disponibles sous forme de texte.A
- 1.3.2Ordre séquentiel logique — Lorsque l’ordre de présentation du contenu affecte sa signification, un ordre de lecture correct peut être déterminé par un programme informatique.A
- 1.3.3Caractéristiques sensorielles — Les instructions données pour la compréhension et l’utilisation du contenu ne doivent pas reposer uniquement sur les caractéristiques sensorielles des éléments comme la forme, la couleur, la taille, l’emplacement visuel, l’orientation ou le son.A
- 1.3.4Orientation — La consultation et le fonctionnement du contenu ne sont pas limités à une seule orientation de l’affichage, comme le portrait ou le paysage, à moins qu’une orientation spécifique de l’affichage ne soit essentielle.AA
- 1.3.5Identifier la finalité de la saisie — La finalité de chaque champ de saisie recueillant des informations sur l’utilisateur peut être déterminée par un programme informatique lorsque :AA
- 1.3.6Identifier la fonction — Dans un contenu implémenté via un langage de balisage, la fonction des composants d’interface utilisateur, des icônes et des régions peut être déterminée par un programme informatique.AAA
1.4. Distinguable
- 1.4.1Utilisation de la couleur — La couleur n’est pas utilisée comme la seule façon de véhiculer de l’information, d’indiquer une action, de solliciter une réponse ou de distinguer un élément visuel.A
- 1.4.2Contrôle du son — Si du son sur une page web est audible automatiquement pendant plus de 3 secondes, un mécanisme est disponible pour le mettre en pause, l’arrêter ou pour en contrôler le volume de façon indépendante du niveau de volume du système général.A
- 1.4.3Contraste (minimum) — La présentation visuelle du texte et du texte sous forme d’image a un rapport de contraste d’au moins 4,5:1, sauf dans les cas suivants :AA
- 1.4.4Redimensionnement du texte — À l’exception des sous-titres et du texte sous forme d’image, le texte peut être redimensionné jusqu’à 200 pour cent sans l’aide d’une technologie d’assistance et sans perte de contenu ou de fonctionnalité.AA
- 1.4.5Texte sous forme d’image — Si les technologies utilisées peuvent réaliser la présentation visuelle, du texte est utilisé pour véhiculer l’information plutôt que du texte sous forme d’image sauf dans les cas suivants :AA
- 1.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 :AAA
- 1.4.7Arrière-plan sonore de faible volume ou absent — Pour un contenu seulement audio pré-enregistré qui (1) contient principalement de la parole au premier plan, (2) n’est pas un CAPTCHA ou un logo sonore et (3) qui n’est pas une vocalisation dont l’intention est principalement d’être musicale comme une chanson ou un rap, au moins l’une des conditions suivantes est vraie :AAA
- 1.4.8Présentation visuelle — Pour la présentation visuelle des blocs de texte, un mécanisme est disponible permettant de réaliser ce qui suit :AAA
- 1.4.9Texte sous forme d’image (sans exception) — Le texte sous forme d’image est utilisé seulement pour du texte purement décoratif ou lorsqu’une présentation spécifique du texte est essentielle à l’information véhiculée.AAA
- 1.4.10Redistribution — Le contenu peut être présenté sans perte d’information ou de fonctionnalité et sans nécessité de défilement dans les deux dimensions pour :AA
- 1.4.11Contraste du contenu non textuel — La présentation visuelle des éléments suivants a un rapport de contraste d’au moins 3:1 avec la ou les couleurs adjacentes :AA
- 1.4.12Espacement du texte — Dans un contenu implémenté via un langage de balisage qui prend en charge les propriétés de style de texte suivantes, il n’y a aucune perte de contenu ou de fonctionnalité lorsqu’on applique toutes les valeurs ci-dessous sans modifier aucune autre propriété de style :AA
- 1.4.13Contenu au survol ou au focus — Lorsque la réception puis le retrait du survol du pointeur ou du focus du clavier déclenche l’affichage puis le masquage d’un contenu additionnel, les éléments suivants sont vrais :AA
2.1. Accessibilité au clavier
- 2.1.1Clavier — Toutes les fonctionnalités du contenu sont utilisables à l’aide d’une interface clavier sans exiger un rythme de frappe propre à l’utilisateur, sauf lorsque la fonction sous-jacente nécessite une saisie qui dépend du tracé du mouvement effectué par l’utilisateur et pas seulement des points de départ et d’arrivée de ce tracé.A
- 2.1.2Pas de piège au clavier — Si le focus du clavier peut être positionné sur un élément de la page à l’aide d’une interface clavier, réciproquement, il peut être déplacé hors de ce même composant simplement à l’aide d’une interface clavier et, si ce déplacement exige plus que l’utilisation d’une simple touche flèche ou tabulation ou toute autre méthode standard de sortie, l’utilisateur est informé de la méthode permettant de déplacer le focus hors de ce composant.A
- 2.1.3Clavier (pas d’exception) — Toutes les fonctionnalités du contenu sont utilisables à l’aide d’une interface clavier sans exiger un rythme de frappe propre à l’utilisateur.AAA
- 2.1.4Raccourcis clavier utilisant des caractères — Si un raccourci clavier est implémenté dans du contenu en utilisant uniquement des caractères de type lettres (y compris les majuscules et les minuscules), des signes de ponctuation, des chiffres ou des symboles, alors au moins l’une des conditions suivantes est vraie :A
2.2. Délai suffisant
- 2.2.1Réglage du délai — Pour chaque limite de temps fixée par le contenu, au moins l’un des points suivants est vrai :A
- 2.2.2Mettre en pause, arrêter, masquer — Pour toute information en mouvement, clignotante, défilante ou mise à jour automatiquement, tous les points suivants sont vrais :A
- 2.2.3Pas de délai d’exécution — Le temps n’est pas un facteur essentiel dans le déroulement de l’événement ou de l’activité, à l’exception des médias synchronisés non interactifs et des événements en temps réel.AAA
- 2.2.4Interruptions — Les interruptions peuvent être reportées ou supprimées par l’utilisateur, à l’exception des interruptions impliquant une urgence.AAA
- 2.2.5Nouvelle authentification — Quand une session authentifiée expire, l’utilisateur peut poursuivre son activité sans perte de données après une nouvelle authentification.AAA
- 2.2.6Délais d’expiration — Les utilisateurs sont avertis de la durée de leur inactivité qui pourrait entraîner une perte de données, à moins que les données ne soient conservées pendant plus de 20 heures lorsque l’utilisateur n’effectue aucune action.AAA
2.3. Crises et réactions physiques
- 2.3.1Pas plus de trois flashs ou sous le seuil critique — Une page web doit être exempte de tout élément qui flashe plus de trois fois dans n’importe quel intervalle d’une seconde ou ce flash doit se situer sous le seuil de flash générique et le seuil de flash rouge.A
- 2.3.2Trois flashs — Une page web doit être exempte de tout élément qui flashe plus de trois fois dans n’importe quel intervalle d’une seconde.AAA
- 2.3.3Animation résultant d’interactions — L’animation basée sur le mouvement, déclenchée par une interaction, peut être désactivée sauf si l’animation est essentielle à la fonctionnalité ou à l’information transmise.AAA
2.4. Navigable
- 2.4.1Contourner des blocs — Un mécanisme permet de contourner les blocs de contenu qui sont répétés sur plusieurs pages web.A
- 2.4.2Titre de page — Les pages web présentent un titre qui décrit leur sujet ou leur but.A
- 2.4.3Parcours du focus — Si une page web peut être parcourue de façon séquentielle et que les séquences de navigation affectent la signification ou l’action, les éléments reçoivent le focus dans un ordre qui préserve la signification et l’opérabilité.A
- 2.4.4Fonction du lien (selon le contexte) — La fonction de chaque lien est déterminée par le texte du lien seul ou par le texte du lien associé à un contexte du lien déterminé par un programme informatique, sauf si la fonction du lien est ambiguë pour tout utilisateur.A
- 2.4.5Accès multiples — Une page web peut être située par plus d’un moyen dans un ensemble de pages web sauf si cette page est le résultat ou une étape d’un processus.AA
- 2.4.6En-têtes et étiquettes — Les en-têtes et les étiquettes décrivent le sujet ou le but.AA
- 2.4.7Visibilité du focus — Toute interface utilisable au clavier comporte un mode de fonctionnement où l’indicateur de focus est visible.AA
- 2.4.8Localisation — L’utilisateur dispose d’informations pour se situer dans un ensemble de pages web.AAA
- 2.4.9Fonction du lien (lien uniquement) — Un mécanisme permet de déterminer la fonction de chaque lien par le texte du lien uniquement, sauf si la fonction du lien est ambiguë pour tout utilisateur.AAA
- 2.4.10En-têtes de section — Les en-têtes de section sont utilisés pour organiser le contenu.AAA
- 2.4.11Focus non masqué (minimum) — Lorsqu’un composant d’interface utilisateur reçoit le focus du clavier, ce composant n’est pas entièrement masqué par du contenu créé par l’auteur.AA
- 2.4.12Focus non masqué (amélioré) — Lorsqu’un composant d’interface utilisateur reçoit le focus du clavier, aucune partie de ce composant n’est masquée par du contenu créé par l’auteur.AAA
- 2.4.13Apparence du focus — Lorsque le focus est visible, une partie de l’indicateur de focus satisfait à toutes les exigences suivantes :AAA
2.5. Modalités d’entrée
- 2.5.1Gestes pour le contrôle du pointeur — Toutes les fonctionnalités qui utilisent des gestes multipoints ou basés sur un tracé peuvent être utilisées avec un pointeur unique sans geste basé sur un tracé, à moins qu’un geste multipoint ou basé sur un tracé ne soit essentiel.A
- 2.5.2Annulation de l’action du pointeur — Pour une fonctionnalité qui peut être activée avec un pointeur unique, au moins une des conditions suivantes est vraie :A
- 2.5.3Étiquette dans le nom — Pour les composants d’interface utilisateur dont les étiquettes contiennent du texte ou du texte sous forme d’image, le nom contient le texte qui est présenté visuellement.A
- 2.5.4Activation par le mouvement — Les fonctionnalités qui peuvent être activées par un mouvement de l’appareil ou un mouvement de l’utilisateur peuvent également être activées par des composants d’interface utilisateur et la réponse au mouvement peut être désactivée pour éviter une activation accidentelle, sauf dans les cas suivants :A
- 2.5.5Taille de la cible (amélioré) — La taille de la cible pour les entrées de pointeur est d’au moins 44 par 44 pixels CSS, sauf quand :AAA
- 2.5.6Modalités d’entrées concurrentes — Le contenu web ne restreint pas l’utilisation des modalités d’entrée disponibles sur une plateforme, sauf si la restriction est essentielle, nécessaire pour garantir la sécurité du contenu ou nécessaire pour respecter les paramètres de l’utilisateur.AAA
- 2.5.7Mouvements de glissement — Toutes les fonctionnalités qui utilisent un mouvement de glissement peuvent être réalisées par un pointeur unique sans glissement, sauf si le glissement est essentiel ou que la fonctionnalité est déterminée par l’agent utilisateur et non modifiée par l’auteur.AA
- 2.5.8Taille de la cible (minimum) — La taille de la cible pour les entrées de pointeur est d’au moins 24 par 24 pixels CSS, sauf dans les cas suivants :AA
3.1. Lisible
- 3.1.1Langue de la page — La langue par défaut de chaque page web peut être déterminée par un programme informatique.A
- 3.1.2Langue d’un passage — La langue de chaque passage ou expression du contenu peut être déterminée par un programme informatique sauf dans le cas des noms propres, des termes techniques, des mots dont la langue est indéterminée, ou des mots ou expressions faisant partie du langage courant de la langue utilisée dans le texte directement environnant.AA
- 3.1.3Mots rares — Un mécanisme est disponible pour identifier la définition spécifique des mots ou expressions utilisés de manière inhabituelle ou de façon limitée, y compris les expressions idiomatiques et le jargon.AAA
- 3.1.4Abréviations — Un mécanisme est disponible pour identifier la forme complète ou la signification d’une abréviation.AAA
- 3.1.5Niveau de lecture — Lorsqu’un texte nécessite une capacité de lecture plus avancée que le premier cycle de l’enseignement secondaire après la suppression des noms propres et des titres, un contenu additionnel, ou une version qui ne requiert pas de capacité de lecture supérieure au premier cycle de l’enseignement secondaire est disponible.AAA
- 3.1.6Prononciation — Un mécanisme permet d’identifier la prononciation spécifique des mots dont la signification est ambiguë dans le contexte si leur prononciation n’est pas connue.AAA
3.2. Prévisible
- 3.2.1Au focus — Quand un composant d’interface utilisateur reçoit le focus, il ne doit pas initier de changement de contexte.A
- 3.2.2À la saisie — Le changement de paramètre d’un composant d’interface utilisateur ne doit pas initier de changement de contexte à moins que l’utilisateur n’ait été avisé de ce comportement avant d’utiliser le composant.A
- 3.2.3Navigation cohérente — Dans un ensemble de pages web, les mécanismes de navigation qui se répètent sur plusieurs pages web se présentent dans le même ordre relatif chaque fois qu’ils sont répétés, à moins qu’un changement soit initié par l’utilisateur.AA
- 3.2.4Identification cohérente — Dans un ensemble de pages web les composants qui ont la même fonctionnalité sont identifiés de la même façon.AA
- 3.2.5Changement à la demande — Un changement de contexte est initié uniquement sur demande de l’utilisateur ou un mécanisme est disponible pour désactiver un tel changement.AAA
- 3.2.6Aide cohérente — Si une page web contient l’un des mécanismes d’aide suivants et que ces mécanismes sont répétés sur plusieurs pages web d’un ensemble de pages web, alors ils se présentent dans le même ordre relativement aux autres contenus de la page ; à moins qu’un changement soit initié par l’utilisateur :A
3.3. Assistance à la saisie
- 3.3.1Identification des erreurs — Si une erreur de saisie est détectée automatiquement, l’élément en erreur est identifié et l’erreur est décrite à l’utilisateur sous forme de texte.A
- 3.3.2Étiquettes ou instructions — Des étiquettes sont présentées ou des instructions sont fournies quand un contenu requiert une saisie utilisateur.A
- 3.3.3Suggestion après une erreur — Si une erreur de saisie est automatiquement détectée et que des suggestions de corrections sont connues, ces suggestions sont alors proposées à l’utilisateur à moins que cela puisse compromettre la sécurité ou la finalité du contenu.AA
- 3.3.4Prévention des erreurs (juridiques, financières, de données) — Pour les pages web qui entraînent des engagements juridiques ou des transactions financières de la part de l’utilisateur, qui modifient ou effacent des données contrôlables par l’utilisateur dans des systèmes de stockages de données, qui enregistrent les réponses de l’utilisateur à un test ou un examen, au moins l’une des conditions suivantes est vraie :AA
- 3.3.5Aide — Une aide contextuelle est disponible.AAA
- 3.3.6Prévention des erreurs (toutes) — Pour des pages web demandant à l’utilisateur de soumettre des informations, au moins l’une des conditions suivantes est vraie :AAA
- 3.3.7Saisie redondante — Les informations précédemment saisies par l’utilisateur ou fournies à l’utilisateur, et qui doivent être à nouveau saisies dans le même processus sont soit :A
- 3.3.8Authentification accessible (minimum) — Aucune étape d’un processus d’authentification ne requiert de test cognitif (comme la mémorisation d’un mot de passe ou la résolution d’une énigme), à moins que cette étape ne fournisse au moins l’un des éléments suivants :AA
- 3.3.9Authentification accessible (amélioré) — Aucune étape d’un processus d’authentification ne requiert de test cognitif (comme la mémorisation d’un mot de passe ou la résolution d’une énigme), à moins que cette étape ne fournisse au moins l’un des éléments suivants :AAA
4.1. Compatible
- 4.1.1Analyse syntaxique (Obsolète et supprimé) — Ce critère a été initialement adopté pour résoudre les problèmes que les technologies d’assistance rencontraient lors de l’analyse directe du HTML. Les technologies d’assistance n’ont plus besoin d’analyser directement le HTML. Par conséquent, ces problèmes n’existent plus ou sont traités par d’autres critères. Ce critère n’a plus d’utilité et est supprimé.
- 4.1.2Nom, rôle et valeur — Pour tout composant d’interface utilisateur (comprenant mais n’étant pas limité aux éléments de formulaire, liens et composants générés par des scripts), le nom et le rôle peuvent être déterminés par un programme informatique ; les états, les propriétés et les valeurs qui peuvent être paramétrés par l’utilisateur peuvent être définis par programmation; et la notification des changements de ces éléments est disponible aux agents utilisateurs, incluant les technologies d’assistance.A
- 4.1.3Messages d’état — Dans un contenu implémenté via un langage de balisage, les messages d’état peuvent être déterminés par un programme informatique grâce à un rôle ou des propriétés afin qu’ils puissent être présentés à l’utilisateur par des technologies d’assistance sans recevoir le focus.AA