Technique - grille d'évaluation - Laboratoire de promotion de l'accessibilité du Web

Niveau A

Questions	Évaluation
1.1.1-1 Équivalents textuels : Toute image informative ou zone sensible d’une image à hyperliens multiples, comporte-t-elle un texte de remplacement codé avec l’attribut `alt` ou, à défaut, le texte de remplacement est-il intégré au code HTML et perceptible par les outils d’adaptation informatiques, que ce texte soit visible ou non ?
1.1.1-2 Équivalents textuels : Toute image qui comprend du texte qui n’est pas seulement décoratif, comporte-t-elle un texte de remplacement qui reprend au moins le texte non décoratif apparaissant dans l’image ?
1.1.1-3 Équivalents textuels : Toute image uniquement décorative ou qui est accompagnée d’une légende présentant un contenu équivalent, est-elle codée de manière à être ignorée par les outils d’adaptation ?
1.1.1-4 Équivalents textuels : Toute image qui illustre un bouton graphique de formulaire Web ou une icône, comporte-t-elle un texte de remplacement décrivant sa fonction ?
1.1.1-5 Équivalents textuels : Toute image qui est utilisée pour un examen ou un exercice qui deviendrait invalide si l’image était présentée en texte, comporte-t-elle un texte de remplacement décrivant la fonction de l’illustration ?
1.1.1-6 Équivalents textuels : Toute image utilisée comme CAPTCHA, comporte-t-elle un texte de remplacement décrivant la fonction de l’illustration ?
1.1.1-7 Équivalents textuels : Pour toute image utilisée comme CAPTCHA, prévoit-on d’autres formes équivalentes de ce test pour différents types de perception sensorielle ?
1.1.1-8 Équivalents textuels : Pour toute image utilisée comme CAPTCHA, offre-t-on de l’assistance aux personnes incapables de réussir ce test ?
1.1.1-9 Équivalents textuels : Toute image qui illustre un schéma, un graphe, un organigramme ou un diagramme, – comporte-t-elle une description complète sur la même page, que cette description soit visible ou non OU – offre-t-elle un hyperlien vers cette description sur une autre page ?
1.1.1-10 Équivalents textuels : Le contenu est-il exempt de dessin réalisé avec des caractères, à moins que celui-ci ne soit présenté sous forme d’image (x. binettes, > pour simuler une flèche, etc.) ?

Niveau A

Questions	Évaluation
1.2.1-1 Contenus seulement audio et seulement vidéo (pré-enregistrés) : Un contenu audio préenregistré est-il accompagné d’une version de remplacement lorsque ce contenu audio n’est pas lui-même un média de remplacement pour un texte ?
1.2.1-2 Contenus seulement audio et seulement vidéo (pré-enregistrés) : Un contenu seulement vidéo préenregistré est-il accompagné d’une version de remplacement ou d’une piste audio lorsque ce contenu vidéo n’est pas lui-même un média de remplacement pour un texte ?
1.2.2 Sous-titres (pré-enregistrés) : Un contenu audio dans une vidéo préenregistrée est-il sous-titré lorsque cette vidéo n’est pas elle-même un média de remplacement pour un texte ?
1.2.3 Audio-description ou version de remplacement pour un média temporel (pré-enregistré) : Un contenu vidéo préenregistré est-il accompagné d’une version de remplacement ou d’une audio-description lorsque ce contenu vidéo n’est pas lui-même un média de remplacement pour un texte ?

Niveau AA

Questions	Évaluation
1.2.4 Sous-titres (en direct) : Un contenu audio dans une vidéo diffusée en direct est-il sous-titré lorsque cette vidéo n’est pas elle-même un média de remplacement pour un texte ?
1.2.5 Audio-description (pré-enregistrée) : Une vidéo préenregistrée est-elle accompagnée d’une audio-description lorsque cette vidéo n’est pas elle-même un média de remplacement pour un texte ?

Niveau AAA

Questions	Évaluation
1.2.6 Langue des signes (pré-enregistrée) : Un contenu audio dans une vidéo préenregistrée offre-t-il un médaillon en langue des signes ?
1.2.7 Audio-description étendue (pré-enregistrée) : Un contenu vidéo préenregistré est-il accompagné d’une audio-description étendue ?
1.2.8 Version de remplacement pour un média temporel (pré-enregistrée) : Un contenu pré-enregistré audio-vidéo ou seulement vidéo est-il accompagné d’une version de remplacement ?
1.2.9 Seulement audio (en direct) : Un contenu seulement audio diffusé en direct est-il accompagné d’une version de remplacement ?

Niveau A

Questions	Évaluation
1.3.1-1 Information et relations : Tout cadre comporte-t-il un titre permettant d’en comprendre la fonction codé avec l’attribut `title` ?
1.3.1-2 Information et relations : Tout titre identifiable visuellement est-il codé comme un titre ?
1.3.1-3 Information et relations : Toute liste autre qu’une liste de définitions est-elle codée avec l’une des balises `<ul>` ou `<ol>`, et les éléments sont-ils codés avec la balise `<li>` ?
1.3.1-4 Information et relations : Toute liste de définitions est-elle codée avec la balise `<dl>` et les éléments sont-ils codés avec les balises `<dt>` et `<dd>` ?
1.3.1-5 Information et relations : La page Web comporte-t-elle uniquement des balises utilisées pour les fins auxquelles elles ont été créées (particulièrement pour les balises `<blockquote>`, `<q>`, `<a>`, `<button>`, `<fieldset>` et `<legend>`) ?
1.3.1-6 Information et relations : La présentation visuelle du texte répond-t-elle aux deux conditions suivantes : 1) elle est toujours gérée par la feuille de style; 2) aucun style n’est géré par un attribut dans la page ?
1.3.1-7 Information et relations : La gestion de l’affichage du contenu par CSS répond-elle aux conditions suivantes : 1) l’ordre demeure logique et le sens est conservé lorsque la feuille de style est désactivée ; 2) seul du contenu décoratif est ajouté avec les pseudo-éléments CSS `:before` ou `:after` ; 3) les propriétés/valeurs CSS `display:none` et `visibility:hidden` ne sont pas utilisées pour masquer du contenu qui s’adresse aux lecteurs d’écran ?
1.3.1-8 Information et relations : Tout champ : 1. comporte-t-il une étiquette codée avec la balise `<label> ?` OU 2. lorsque le `<label>` est absent, la fonction du champ est-elle renseignée avec l’un des attributs suivants : `title`, (ou) `aria-label`, (ou) `aria-labelledby` ?
1.3.1-9 Information et relations : Pour tout champ associé à une étiquette, cette association est-elle codée de l’une ou l’autre des manières suivantes : – association explicite : le champ comporte un nom unique codé avec l’attribut `id`, et cette valeur est reprise dans l’attribut `for` de la balise `<label>` de son étiquette; OU – association implicite : le champ et le contenu de l’étiquette sont encadrés par la balise `<label>`, pour les champs qui autorisent cette association implicite ?
1.3.1-10 Information et relations : Tout tableau de données, comporte-t-il des cellules d’en-tête de ligne ou de colonne codées avec la balise `<th>` ?
1.3.1-11 Information et relations : Dans un tableau complexe de données, chaque balise `<th>` comporte-t-elle un identifiant unique codé avec l’attribut `id` ?
1.3.1-12 Information et relations : Dans un tableau complexe de données, chaque cellule à laquelle s’applique une cellule d’en-tête comporte-t-elle un attribut `headers` dans les balises `<td>` faisant référence aux cellules d’en-tête correspondantes ?
1.3.1-13 Information et relations : Tout tableau de présentation est-il exempt des attributs et des balises réservés à un tableau de données ?
1.3.1-14 Information et relations : Un tableau complexe de données comporte-t-il un résumé, codé avec l’attribut `<summary>` de la balise `<table>`, qui décrit brièvement les grandes catégories d’information présentées par colonnes et par lignes, et qui note, s’il y a lieu, la présence d’irrégularités dans le nombre de lignes ou de colonnes ?
1.3.2-1 Ordre séquentiel logique : Le contenu est-il présenté dans un ordre séquentiel logique détectable par les technologies d’adaptation informatiques ?
1.3.2-2 Ordre séquentiel logique : L’information incluse dans un tableau de présentation, respecte-t-elle un ordre séquentiel logique du contenu une fois cette information restructurée de façon linéaire ?
1.3.3 Caractéristiques sensorielles : Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel ?

Niveau AA

2.1-1.3.4 Orientation : Est-il possible de basculer entre l’affichage en mode portrait et en mode paysage ?
2.1-1.3.5 Identifier la finalité de la saisie : Les champs de formulaires qui collectent de l’information sur l’utilisateur peuvent-ils être remplis automatiquement à partir des valeurs de remplissage stockées dans le navigateur de l’utilisateur ?

Niveau AAA

2.1-1.3.6 Identifier la fonction : La fonction des éléments d’interface, des icônes et des régions peut-elle être déterminée de façon automatique par un outil d’adaptation ?

Niveau A

Questions	Évaluation
1.4.1-1 Utilisation de la couleur : Les éléments de navigation sont-ils identifiables par un autre élément que la couleur ?
1.4.1-2 Utilisation de la couleur : Un texte ou une image avec un texte de remplacement sont-ils offerts pour tout contenu faisant appel à une perception de la couleur pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel ?
1.4.2 Contrôle du son : Un fond sonore qui dure plus de trois secondes peut-il être arrêté facilement, dès l’entrée dans la page ou un mécanisme permet-il d’en contrôler le volume de façon indépendante du système (incluant une vidéo qui démarre automatiquement avec une piste sonore) ?

Niveau AA

1.4.3-1 Contraste (minimum) : À l’exception d’un texte uniquement décoratif, d’un logo ou d’un nom de marque, le rapport de contraste de luminosité entre le texte, présenté ou non dans une image, et son arrière-plan est-il au moins de 4.5 pour 1 ou de 3 pour 1, dans le cas de texte agrandi ?
1.4.3-2 Contraste (minimum) : Les couleurs de texte et d’arrière-plan d’un même élément de texte peuvent-ils être déterminés explicitement de façon à satisfaire les exigences en matière de contraste de luminosité ?
1.4.4 Redimensionnement du texte : Dans Firefox, lorsque l’on active le zoom sur le texte seulement, peut-on redimensionner le texte à 200 % sans perte de contenu ou de fonctionnalité ni chevauchement ?
1.4.5 Texte sous forme d’image : La page est exempte de texte informatif présenté sous forme d’image, sauf si un mécanisme permet à l’utilisateur de la personnaliser selon ses exigences ou que la présentation est essentielle ?
2.1-1.4.10 Redistribution : Sur ordinateur, le contenu peut-il être grossi jusqu’à 400 % avec redistribution automatique du texte (Responsive Web Design) ?
2.1-1.4.11 Contraste du contenu non textuel : Les icônes, les liens, les boutons et les autres composants d’interface ont-ils un contraste minimum de 3 pour 1 avec les couleurs adjacentes ?
2.1-1.4.12 Espacement du texte : Il n’y a aucune perte de contenu ou de fonctionnalité qui se produit en ajustant les espaces entre les lignes, les paragraphes et les mots ?
2.1-1.4.13 Contenu au survol ou au focus : Lorsque qu’un contenu supplémentaire apparaît au focus du pointeur ou du clavier, un mécanisme permet-il de faire disparaître ce contenu sans déplacement du focus ? Lorsque qu’un contenu supplémentaire apparaît au focus du pointeur, celui-ci peut-il être déplacé sur ce nouveau contenu sans que ce contenu disparaisse ? Lorsque qu’un contenu supplémentaire apparaît au focus du pointeur ou du clavier, ce contenu demeure-t-il permanent jusqu’à ce que le focus soit déplacé ?

Niveau AAA

Questions	Évaluation
1.4.6-1 Contraste (amélioré) : À l’exception d’un texte uniquement décoratif, d’un logo ou d’un nom de marque, le rapport de contraste de luminosité entre le texte, présenté ou non dans une image, et son arrière-plan est-il au moins de 7 pour 1 ou de 4.5 pour 1, dans le cas de texte agrandi ?
1.4.6-2 Contraste (amélioré) : Les couleurs de texte et d’arrière-plan d’un même élément de texte peuvent-ils être déterminés explicitement de façon à satisfaire les exigences en matière de contraste de luminosité ?
1.4.7 Arrière-plan sonore de faible volume ou absent : L’arrière-plan sonore est-il absent ou inférieur de 20 dB à l’avant plan ou l’arrière plan peut-il être désactivé ?
1.4.8-1 Présentation visuelle : Les couleurs de premier plan et d’arrière plan peuvent-elles être choisies par l’utilisateur ?
1.4.8-2 Présentation visuelle : Le redimensionnement de la fenêtre permet-il l’affichage des blocs de texte dans une largeur inférieure à 80 caractères ?
1.4.8-3 Présentation visuelle : Le contenu est-il exempt de texte justifié à la fois à droite et à gauche ?
1.4.8-4 Présentation visuelle : L’espacement entre les lignes (interlignage) est-il d’une valeur d’au moins 1,5 dans les paragraphes et l’espacement entre les paragraphes est-il au moins 1,5 fois plus grand que la valeur de l’interligne ?
1.4.8-5 Présentation visuelle : La taille du texte peut-elle être redimensionnée jusqu’à 200 % sans l’aide d’une technologie d’assistance et sans que l’utilisateur soit obligé de faire défiler le texte horizontalement pour lire une ligne complète d’un même bloc de texte dans une fenêtre plein écran.
1.4.9 Texte sous forme d’image (sans exception) : Le contenu est-il exempt de texte sous forme d’image, sauf pour du texte décoratif ou pour une présentation essentielle ?

Niveau A

Questions	Évaluation
2.1.1 Clavier : Toute fonctionnalité et tout élément de programmation utilisable à la souris l’est-il aussi avec le clavier ?
2.1-2.1.4 Raccourcis clavier utilisant des caractère : Si des raccourcis clavier d’une seule lettre sont utilisés, répondent-ils à au moins une des conditions suivantes : 1. un mécanisme permet de les désactiver; 2. un mécanisme permet de les redéfinir avec une touche comme Ctrl, Alt, etc.; 3. le raccourci n’est actif qu’au moment ou le composant reçoit le focus ?

Niveau AAA

Questions	Évaluation
2.1.2-1 Pas de piège au clavier : Toute zone active pouvant être déplacée avec le clavier sur un composant dans la page, peut-elle aussi être déplacée hors de ce composant en utilisant seulement le clavier ?
2.1.2-2 Pas de piège au clavier : Si un déplacement hors d’un composant focusable exige davantage que l’utilisation d’une flèche (touche curseur, vers le haut, le bas, la gauche ou la droite), de la touche Échappe ou d’une tabulation au clavier : la méthode à utiliser pour sortir de ce composant est-elle indiquée ?
2.1.3 Clavier (pas d’exception) : Toutes les fonctionnalités sont-elles utilisables seulement à l’aide du clavier ?

Niveau A

Questions	Évaluation
2.2.1-1 Réglage du délai : À l’exception d’un événement en temps réel, d’une activité où la limite de temps est essentielle ou d’un délai de 20 heures ou plus, si elle s’actualise automatiquement ou si l’utilisation est limitée dans le temps, la page répond-elle à l’une des conditions suivantes : – il est possible de désactiver cette fonctionnalité; – il est possible de multiplier jusqu’à dix fois l’intervalle d’actualisation; – la page donne un avertissement avant l’expiration du délai et offre au moins 20 secondes pour étendre le délai au moyen d’une action simple tout en permettant de demander une telle extension au moins dix fois ?
2.2.1-2 Réglage du délai : Toute redirection automatique est-elle gérée de façon instantanée ?
2.2.2 Mettre en pause, arrêter, masquer : La page est-elle exempte de tout élément en mouvement d’une durée de plus de cinq secondes, sauf s’il est possible de l’arrêter facilement ?

Niveau AAA

Questions	Évaluation
2.2.3 Pas de délai d’exécutio : À l’exception des médias synchronisés et des événements en temps réel, toute activité est exempte de délai d’exécution ?
2.2.4 Interruptions : À l’exception des interruptions impliant une urgence, les interruptions peuvent-elles être reportées ou supprimées par l’utilisateur ?
2.2.5 Nouvelle authentification : Quand une session authentifiée expire, l’utilisateur peut-il poursuivre son activité sans perte de données après une nouvelle authentification ?
2.1-2.2.6 Délais d’expiration : Les utilisateurs sont-ils avisés d’un délai d’inactivité pouvant entraîner une perte de données à moins que ce délai soit de 20 heures ou plus ?

Niveau A

Questions	Évaluation
2.3.1 Pas plus de trois flashs ou sous le seuil critique : Lorsqu’il y a des flashs, leur rythme est-il inférieur à 3 fois à la seconde ou ces flashs se situent-ils sous le seuil de flash générique et sous le seuil de flash rouge ?

Niveau AAA

Questions	Évaluation
2.3.2 Trois flashs : Lorsqu’il y a des flashs, leur rythme est-il inférieur à 3 fois à la seconde ?
2.1 2.3.3 Animation résultant d’interactions : Les animations déclenchées par une action de l’utilisateur peuvent-elles être désactivées (sauf si elles sont essentielles au fonctionnement ou à l’information générée) ?

Niveau A

Questions	Évaluation
2.4.1 Contourner des blocs : Y a-t-il un hyperlien interne en début de page donnant accès au contenu principal ou un en-tête de section de niveau 1 placé au début de ce contenu principal ?
2.4.2 Titre de page : La page comporte-t-elle un titre qui répond aux conditions suivantes : 1) le titre est codé avec la balise `<title>`; 2) il reflète son sujet ou son but; 3) il est distinctif (unique) ?
2.4.3 Parcours du focus : La page peut-elle être parcourue au clavier avec la touche tabulation en respectant un ordre séquentiel logique du contenu ?
2.4.4-1 Fonction du lien (selon le contexte) : Si la destination du lien ne peut être déterminée à partir du lien lui-même, peut-elle être déterminée à partir de son contexte programmatique ?
2.4.4-2 Fonction du lien (selon le contexte) : Les libellés des liens évitent-ils de répéter le mot « lien » inutilement redondants ?

Niveau AA

Questions	Évaluation
2.4.5 Accès multiples : Y a-t-il plus d’un moyen de situer une page dans un ensemble de pages (fil d’Ariane, plan du site, indication de la page courante dans le menu de navigation, etc.) ?
2.4.6 En-têtes et étiquettes : Les en-têtes et les étiquettes décrivent-ils le sujet ou le but ?
2.4.7 Visibilité du focus : Le déplacement du focus au clavier est-il toujours visible ?
2.2-2.4.11 Focus non masqué (minimum) : Lorsqu’un composant d’interface utilisateur reçoit le focus du clavier, le composant n’est pas entièrement masqué en raison du contenu créé par l’auteur ?

Niveau AAA

Questions	Évaluation
2.4.8 Localisation : Des informations permettent-elles à l’utilisateur de se situer dans un ensemble de pages Web (fil d’Ariane, moteur de rechercher, etc.) ?
2.4.9 Fonction du lien (lien uniquement) : Tous les liens sont-ils compréhensibles lorsqu’ils sont lus hors contexte ?
2.4.10 En-têtes de section : Y a-t-il au moins un en-tête de section présent dans la page ?
2.2-2.4.12 Focus non masqué (amélioré) : Lorsqu’un composant d’interface utilisateur reçoit le focus du clavier, aucune partie du composant n’est cachée par le contenu créé par l’auteur ?
2.2-2.4.13 Apparence du focus : Lorsque l’indicateur de focus du clavier est visible, une zone de l’indicateur de focus répond à toutes les conditions suivantes : est au moins aussi grande que la surface d’un périmètre de 2 pixels CSS d’épaisseur du composant ou du sous-composant non focalisé, et a un rapport de contraste d’au moins 3:1 entre les mêmes pixels dans les états focalisé et non focalisé. Exceptions : L’indicateur de focus est déterminé par l’agent utilisateur et ne peut pas être ajusté par l’auteur, ou L’indicateur de focus et la couleur d’arrière-plan de l’indicateur ne sont pas modifiés par l’auteur ?

Niveau A

Questions	Évaluation
2.1-2.5.1 Gestes pour le contrôle du pointeur : Toutes les actions impliquant un toucher à plus d’un doigt ou nécessitant un tracé spécifique, peuvent-elles être réalisée à l’aide d’un seul pointeur (à moins qu’elles soient essentielles) ?
2.1-2.5.2 Annulation de l’action du pointeur : Les actions nécessitant un seul pointeur répondent-elles à au moins une des conditions suivantes : – No Down-Event : l’événement `down` du pointeur n’est utilisé pour exécuter aucune partie de la fonction; – Abandonner ou annuler : l’achèvement de la fonction est activé, et un mécanisme est disponible pour abandonner la fonction avant achèvement ou l’annuler après l’achèvement; – Inversion vers le haut : l’événement positif renverse tout résultat du précédent événement négatif; – Essentiel : la réalisation de la fonction sur l’événement `down` est essentielle ?
2.1-2.5.3 Étiquette dans le nom : Le nom accessible d’un élément d’interface ou de formulaire : – contient-il le texte de l’étiquette visible à l’écran ? – reprend-il cette étiquette de manière à en respecter l’ordre des mots visibles, sans intercaller d’autres mots à l’intérieur de celle-ci ?
2.1-2.5.4 Activation par le mouvement : Les actions réalisées par le mouvement d’un appareil peuvent-elles aussi être faites à l’aide d’un composant d’interface ? Le mouvement de l’appareil peut-il être désactivé afin de prévenir le déclenchement accidentel d’une action ?

Niveau AA

Questions	Évaluation
2.2-2.5.7 Mouvements de glissement : Toutes les fonctionnalités qui utilisent un mouvement de glissement pour être opérée peuvent être activée par un seul pointeur sans glissement, à moins que le glissement ne soit essentiel ou que la fonctionnalité ne soit déterminée par l’agent utilisateur et non modifiée par l’auteur ?
2.2-2.5.8 Taille de la cible (minimum) : La taille de la cible pour les pointeurs d’entrée est d’au moins 24 par 24 pixels CSS, sauf lorsque : Espacement : Les cibles sous-dimensionnées (celles de moins de 24 pixels CSS par 24) sont positionnées de sorte que si un cercle de 24 pixels de diamètre CSS est centré sur le périmètre de délimitation de chacune, les cercles ne croisent pas une autre cible ou le cercle pour une autre cible sous-dimensionnée ; Équivalente : La fonction peut être obtenue grâce à un contrôle différent sur la même page qui répond à ce critère ; En ligne : La cible est dans une phrase ou sa taille est autrement limitée par la hauteur de ligne du texte non ciblé ; Contrôlée par l’agent utilisateur : La taille de la cible est déterminée par l’agent utilisateur et n’est pas modifiée par l’auteur ; Essentielle : Une présentation spécifique de la cible est essentielle ou est légalement requise pour transmettre l’information. NOTE 1 : Les cibles qui permettent de sélectionner des valeurs spatialement en fonction de la position au sein de la cible sont considérées comme une seule cible aux fins du critère de réussite. Les exemples comprennent les curseurs, les sélecteurs de couleurs affichant un dégradé de couleurs ou les zones modifiables où vous positionnez le curseur. NOTE 2 : Pour les cibles en ligne, la hauteur de ligne doit être interprétée comme perpendiculaire au flux de texte. Par exemple, dans un langage affiché verticalement, la hauteur de la ligne serait horizontale ?

Questions

Évaluation

2.2-2.5.7 Mouvements de glissement : Toutes les fonctionnalités qui utilisent un mouvement de glissement pour être opérée peuvent être activée par un seul pointeur sans glissement, à moins que le glissement ne soit essentiel ou que la fonctionnalité ne soit déterminée par l’agent utilisateur et non modifiée par l’auteur ?

2.2-2.5.8 Taille de la cible (minimum) : La taille de la cible pour les pointeurs d’entrée est d’au moins 24 par 24 pixels CSS, sauf lorsque :

Espacement : Les cibles sous-dimensionnées (celles de moins de 24 pixels CSS par 24) sont positionnées de sorte que si un cercle de 24 pixels de diamètre CSS est centré sur le périmètre de délimitation de chacune, les cercles ne croisent pas une autre cible ou le cercle pour une autre cible sous-dimensionnée ;

Équivalente : La fonction peut être obtenue grâce à un contrôle différent sur la même page qui répond à ce critère ;

En ligne : La cible est dans une phrase ou sa taille est autrement limitée par la hauteur de ligne du texte non ciblé ;

Contrôlée par l’agent utilisateur : La taille de la cible est déterminée par l’agent utilisateur et n’est pas modifiée par l’auteur ;

Essentielle : Une présentation spécifique de la cible est essentielle ou est légalement requise pour transmettre l’information.

NOTE 1 : Les cibles qui permettent de sélectionner des valeurs spatialement en fonction de la position au sein de la cible sont considérées comme une seule cible aux fins du critère de réussite. Les exemples comprennent les curseurs, les sélecteurs de couleurs affichant un dégradé de couleurs ou les zones modifiables où vous positionnez le curseur.

NOTE 2 : Pour les cibles en ligne, la hauteur de ligne doit être interprétée comme perpendiculaire au flux de texte. Par exemple, dans un langage affiché verticalement, la hauteur de la ligne serait horizontale ?

Niveau AAA

Questions	Évaluation
2.1-2.5.5 Taille de la cible (amélioré) : La taille de la cible du pointeur est-elle toujours d’au moins 44 X 44 CSS pixels sauf si un lien équivalent est offert, la cible est incluse dans une phrase ou un bloc de texte, la taille de la cible est déterminée par le navigateur ou cette taille est essentielle ?
2.1-2.5.6 Modalités d’entrées concurrentes : Le contenu est-il exempt de toute restriction quant aux modalités d’interaction disponibles sur la plateforme, à moins que cette restriction soit essentielle, soit requise pour des raisons de sécurité ou respecte le profil de configuration de l’utilisateur ?

Niveau A

Questions	Évaluation
3.1.1 Langue de la page : La langue principale, est-elle codée avec l’attribut `lang` ou `xml:lang` dans l’en-tête de la page avec un codet alphabétique de deux caractères seulement ?

Niveau AA

Questions	Évaluation
3.1.2 Langue d’un passage : Tout changement de langue d’un contenu autre qu’un nom propre ou qu’un terme technique est-il codé avec l’attribut `lang` de la balise englobant tout ce contenu (et seulement celui-ci) ou une balise `<span>` a-t-elle été créée pour jouer ce rôle ?

Niveau AAA

Questions	Évaluation
3.1.3 Mots rares : Un mécanisme est-il 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 ?
3.1.4 Abréviations : Un mécanisme permet-il d’identifier la forme complète ou la signification d’une abréviation ?
3.1.5 Niveau de lecture : Le contenu est-il compréhensible pour une personne ayant une capacité de lecture correspondant à la fin du premier cycle de l’enseignement secondaire ou une version de remplacement ou un contenu additionnel correspondant à ce niveau est-il disponible ?
3.1.6 Prononciation : Un mécanisme permet-il d’identifier la prononciation spécifique des mots dont la signification est ambiguë dans le contexte si leur prononciation n’est pas connue ?

Niveau A

Questions	Évaluation
3.2.1 Au focus : Le contenu est-il exempt de changement de contexte qui s’opère automatiquement à l’arrivée de la zone active sur tout composant d’interface utilisateur ?
3.2.2 À la saisie: À moins que l’utilisateur n’en soit informé à l’avance, le contenu est-il exempt de changement de contexte qui s’opère automatiquement lorsque l’on change le paramètre d’un composant ?
2.2-3.2.6 Aide 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 au sein d’un ensemble de pages Web, ils se produisent dans le même ordre par rapport au contenu de la page, à moins qu’un changement ne soit initié par l’utilisateur : Coordonnées humaines ; Mécanisme de contact humain ; Option d’auto-assistance ; Un mécanisme de contact entièrement automatisé ? NOTE 1 : Les mécanismes d’aide peuvent être fournis directement sur la page, ou peuvent être fournis via un lien direct vers une autre page contenant les informations. NOTE 2 : Pour ce critère de réussite, « le même ordre par rapport aux autres contenus de la page » peut être considéré comme la façon dont le contenu est ordonné lorsque la page est linéarisée. La position visuelle d’un mécanisme d’aide est susceptible d’être cohérente sur les pages pour la même variation de page (par exemple, point de rupture CSS). L’utilisateur peut initier un changement, tel que le changement du zoom ou de l’orientation de la page, ce qui peut déclencher une variation de page différente. Ce critère concerne l’ordre relatif entre les pages affichées dans la même variation de page (par exemple, même niveau de zoom et orientation)

Questions

Évaluation

3.2.1 Au focus : Le contenu est-il exempt de changement de contexte qui s’opère automatiquement à l’arrivée de la zone active sur tout composant d’interface utilisateur ?

3.2.2 À la saisie: À moins que l’utilisateur n’en soit informé à l’avance, le contenu est-il exempt de changement de contexte qui s’opère automatiquement lorsque l’on change le paramètre d’un composant ?

2.2-3.2.6 Aide 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 au sein d’un ensemble de pages Web, ils se produisent dans le même ordre par rapport au contenu de la page, à moins qu’un changement ne soit initié par l’utilisateur :

Coordonnées humaines ;
Mécanisme de contact humain ;
Option d’auto-assistance ;
Un mécanisme de contact entièrement automatisé ?

NOTE 1 : Les mécanismes d’aide peuvent être fournis directement sur la page, ou peuvent être fournis via un lien direct vers une autre page contenant les informations.

NOTE 2 : Pour ce critère de réussite, « le même ordre par rapport aux autres contenus de la page » peut être considéré comme la façon dont le contenu est ordonné lorsque la page est linéarisée. La position visuelle d’un mécanisme d’aide est susceptible d’être cohérente sur les pages pour la même variation de page (par exemple, point de rupture CSS). L’utilisateur peut initier un changement, tel que le changement du zoom ou de l’orientation de la page, ce qui peut déclencher une variation de page différente. Ce critère concerne l’ordre relatif entre les pages affichées dans la même variation de page (par exemple, même niveau de zoom et orientation)

Niveau AA

Questions	Évaluation
3.2.3 Navigation cohérente : Tout menu de navigation répété de page en page est-il organisé selon le même ordre relatif et avec une présentation similaire ?
3.2.4 Identification cohérente : Toute fonctionnalité utilisée de page en page est-elle nommée uniformément ?

Niveau AAA

Questions	Évaluation
3.2.5 Changement à la demande : Les changements de contexte sont-ils initiés seulement sur demande de l’utilisateur ?

Niveau A

Questions	Évaluation
3.3.1-1 Identification des erreurs : Si une erreur de saisie est détectée de façon automatique, indique-t-on tout élément erroné ?
3.3.1-2 Identification des erreurs : Si une erreur de saisie est détectée de façon automatique, décrit-on l’erreur sous forme de texte ?
3.3.2 Étiquettes ou instructions : La fonction de chaque champ est-elle bien décrite par son étiquette ou son attribut `title` ?
2.2-3.3.7 Saisie redondante : Les informations précédemment saisies par ou fournies à l’utilisateur qui doivent être saisies à nouveau dans le même processus sont soit : remplies automatiquement, ou disponible pour que l’utilisateur les sélectionne. Sauf quand : la réentrée de l’information est essentielle, les informations sont nécessaires pour assurer la sécurité du contenu, ou les informations saisies précédemment ne sont plus valides ?

Niveau AA

Questions	Évaluation
3.3.3 Suggestion après une erreur : Si une erreur de saisie est détectée de façon automatique, décrit-on les suggestions de correction lorsqu’elles sont connues ? (3.3.3)
3.3.4 Prévention des erreurs (juridiques, financières, de données) : Tout formulaire est-il conçu pour qu’une personne qui s’engage au niveau juridique ou financier ou qui modifie ou détruit des données sous son contrôle réponde à l’une des conditions suivantes : 1. Les actions d’envoi sont réversibles; 2. Les données sont vérifiées et l’utilisateur a la possibilité de les corriger au besoin; 3. Un mécanisme est disponible pour revoir, confirmer et corriger les informations avant leur soumission finale ? (3.3.4)
2.2-3.3.8 Authentification accessible (minimum) : Un test de fonction cognitive (comme se souvenir d’un mot de passe ou résoudre un puzzle) n’est requis pour aucune étape d’un processus d’authentification, à moins que cette étape ne fournisse au moins l’une des conditions suivantes : Alternative Une autre méthode d’authentification qui ne repose pas sur un test de fonction cognitive. Mécanisme Un mécanisme est disponible pour aider l’utilisateur à effectuer le test de fonction cognitif. Reconnaissance d’objets Le test de fonction cognitive consiste à reconnaître les objets. Contenu personnel Le test de la fonction cognitive consiste à identifier le contenu non textuel que l’utilisateur a fourni au site Web ? NOTE 1 : « Reconnaissance d’objets » et « Contenu personnel » peuvent être représentés par des images, de la vidéo ou de l’audio. NOTE 2 : Voici des exemples de mécanismes qui répondent à ce critère : prise en charge de la saisie de mots de passe par les gestionnaires de mots de passe pour réduire les besoins en mémoire, et copier-coller pour réduire le fardeau cognitif de la retaper.

Questions

Évaluation

3.3.3 Suggestion après une erreur : Si une erreur de saisie est détectée de façon automatique, décrit-on les suggestions de correction lorsqu’elles sont connues ? (3.3.3)

3.3.4 Prévention des erreurs (juridiques, financières, de données) : Tout formulaire est-il conçu pour qu’une personne qui s’engage au niveau juridique ou financier ou qui modifie ou détruit des données sous son contrôle réponde à l’une des conditions suivantes :
1. Les actions d’envoi sont réversibles;
2. Les données sont vérifiées et l’utilisateur a la possibilité de les corriger au besoin;
3. Un mécanisme est disponible pour revoir, confirmer et corriger les informations avant leur soumission finale ? (3.3.4)

2.2-3.3.8 Authentification accessible (minimum) : Un test de fonction cognitive (comme se souvenir d’un mot de passe ou résoudre un puzzle) n’est requis pour aucune étape d’un processus d’authentification, à moins que cette étape ne fournisse au moins l’une des conditions suivantes :

Alternative
Une autre méthode d’authentification qui ne repose pas sur un test de fonction cognitive.

Mécanisme
Un mécanisme est disponible pour aider l’utilisateur à effectuer le test de fonction cognitif.

Reconnaissance d’objets
Le test de fonction cognitive consiste à reconnaître les objets.

Contenu personnel
Le test de la fonction cognitive consiste à identifier le contenu non textuel que l’utilisateur a fourni au site Web ?

NOTE 1 : « Reconnaissance d’objets » et « Contenu personnel » peuvent être représentés par des images, de la vidéo ou de l’audio.

NOTE 2 : Voici des exemples de mécanismes qui répondent à ce critère : prise en charge de la saisie de mots de passe par les gestionnaires de mots de passe pour réduire les besoins en mémoire, et copier-coller pour réduire le fardeau cognitif de la retaper.

Niveau AAA

Questions	Évaluation
3.3.5 Aide : Une aide contextuelle est-elle disponible ?
3.3.6 Prévention des erreurs (toutes) : Pour des pages Web demandant à l’utilisateur de soumettre des informations, au moins l’une des conditions suivantes est-elle vraie : 1. Réversible : les actions d’envoi sont réversibles; 2. Vérifiée : les données saisies par l’utilisateur sont vérifiées au niveau des erreurs de saisie et la possibilité est donnée à l’utilisateur de les corriger; 3. Confirmée : un mécanisme est disponible pour revoir, confirmer et corriger les informations avant leur soumission finale ?
2.2-3.3.9 Authentification accessible (amélioré) : Un test de fonction cognitive (comme se souvenir d’un mot de passe ou résoudre un puzzle) n’est requis pour aucune étape d’un processus d’authentification, à moins que cette étape ne fournisse au moins l’une des conditions suivantes : Alternative Une autre méthode d’authentification qui ne repose pas sur un test de fonction cognitive. Mécanisme Un mécanisme est disponible pour aider l’utilisateur à effectuer le test de fonctionnement cognitif ?

Questions

Évaluation

3.3.5 Aide : Une aide contextuelle est-elle disponible ?

3.3.6 Prévention des erreurs (toutes) : Pour des pages Web demandant à l’utilisateur de soumettre des informations, au moins l’une des conditions suivantes est-elle vraie :
1. Réversible : les actions d’envoi sont réversibles;
2. Vérifiée : les données saisies par l’utilisateur sont vérifiées au niveau des erreurs de saisie et la possibilité est donnée à l’utilisateur de les corriger;
3. Confirmée : un mécanisme est disponible pour revoir, confirmer et corriger les informations avant leur soumission finale ?

2.2-3.3.9 Authentification accessible (amélioré) : Un test de fonction cognitive (comme se souvenir d’un mot de passe ou résoudre un puzzle) n’est requis pour aucune étape d’un processus d’authentification, à moins que cette étape ne fournisse au moins l’une des conditions suivantes :

Alternative
Une autre méthode d’authentification qui ne repose pas sur un test de fonction cognitive.

Mécanisme
Un mécanisme est disponible pour aider l’utilisateur à effectuer le test de fonctionnement cognitif ?

Niveau A

Questions	Évaluation
4.1.2-1 Nom, rôle et valeur : Si l’information est mise à jour sans rechargement de la page, est-elle affichée pour qu’elle soit détectable par les technologies d’adaptation informatiques sans obligation de rafraîchir la page ?
4.1.2-2 Nom, rôle et valeur : Si l’information est mise à jour sans rechargement de la page, la personne est-elle informée, dès l’entrée dans la page, d’une possibilité de mise à jour ?

Niveau AA

Questions	Évaluation
2.1-4.1.3 Messages d’état : Lorsqu’ils apparaissent à l’écran sans déplacement du focus, les messages d’état sur le résultat d’une action sont-ils lus automatiquement par un lecteur d’écran ?

Technique – grille d’évaluation

Grille WCAG 2.0, 2.1 et 2.2

Niveau A

Niveau A

Niveau AA

Niveau AAA

Niveau A

Niveau AA

Niveau AAA

Niveau A

Niveau AA

Niveau AAA

Niveau A

Niveau AAA

Niveau A

Niveau AAA

Niveau A

Niveau AAA

Niveau A

Niveau AA

Niveau AAA

Niveau A

Niveau AA

Niveau AAA

Niveau A

Niveau AA

Niveau AAA

Niveau A

Niveau AA

Niveau AAA

Niveau A

Niveau AA

Niveau AAA

Niveau A

Niveau AA

Technique – grille d’évaluation

Grille WCAG 2.0, 2.1 et 2.2

1.1 Les équivalents textuels

Niveau A

1.2 Médias temporels

Niveau A

Niveau AA

Niveau AAA

1.3 Adaptable

Niveau A

Niveau AA

Niveau AAA

1.4 Distinguable

Niveau A

Niveau AA

Niveau AAA

2.1 Accessibilité au clavier

Niveau A

Niveau AAA

2.2 Délai suffisant

Niveau A

Niveau AAA

2.3 Crises

Niveau A

Niveau AAA

2.4 Navigable

Niveau A

Niveau AA

Niveau AAA

2.5 Modalités d'entrée

Niveau A

Niveau AA

Niveau AAA

3.1 Lisible

Niveau A

Niveau AA

Niveau AAA

3.2 Prévisible

Niveau A

Niveau AA

Niveau AAA

3.3. Assistance à la saisie

Niveau A

Niveau AA

Niveau AAA

4.1 Compatible

Niveau A

Niveau AA

À propos