Ligne directrice 1.1 Alternatives textuelles
1.1.1 Contenu non textuel - Niveau A
- Toutes les images, les boutons d'image des formulaires et les points chauds des cartes d'images sont accompagnés d'un texte alternatif approprié et équivalent.
- Les images qui ne transmettent pas de contenu, qui sont décoratives ou qui contiennent un contenu déjà transmis par le texte reçoivent un texte alt nul (alt="") ou sont implémentées en tant qu'arrière-plan CSS. Toutes les images liées ont un texte alternatif descriptif.
- Les boutons de formulaire ont une valeur descriptive.
- Les entrées du formulaire sont associées à des étiquettes de texte.
- Les cadres portent un titre approprié.
Ligne directrice 1.2 Médias temporels
1.2.1 Audios et vidéos préenregistrés - Niveau A
- Une description textuelle ou audio est fournie pour les vidéos en ligne qui ne sont pas en direct (par exemple, les vidéos qui n'ont pas de piste audio).
1.2.2 Sous-titres (préenregistrés) - Niveau A
- Des sous-titres synchronisés sont fournis pour les vidéos en ligne qui ne sont pas en direct (vidéos YouTube, etc.).
Ligne directrice 1.3 Adaptabilité
1.3.1 Info et relations - Niveau A
- Le balisage sémantique est utilisé pour désigner les titres (<h1>), des listes (<ul>, <ol>et <dl>), texte mis en valeur ou texte spécial (<strong>, <code>, <abbr>, <blockquote>par exemple), etc. Le balisage sémantique est utilisé de manière appropriée.
- Les étiquettes de texte sont associées aux éléments de saisie du formulaire. Les éléments de formulaire associés sont regroupés avec fieldset/legend.
1.3.2 Séquence significative - Niveau A
- L'ordre de lecture et de navigation (déterminé par l'ordre des codes) est logique et intuitif.
1.3.3 Caractéristiques sensorielles - Niveau A
- Les instructions ne dépendent pas de la forme, de la taille ou de l'emplacement visuel (par exemple, "Cliquez sur l'icône carrée pour continuer" ou "Les instructions se trouvent dans la colonne de droite").
Les instructions ne s'appuient pas sur des sons (par exemple, "Un bip sonore indique que vous pouvez continuer").
Ligne directrice 1.4 Distinguables
1.4.3 Contraste (minimum) - Niveau AA
- Le texte et les images du texte ont un rapport de contraste d'au moins 4,5:1.
- Texte de grande taille - au moins 18 points (typiquement 24px) ou 14 points (typiquement 18,66px) en gras avec un rapport de contraste d'au moins 3:1
1.4.4 Redimensionner le texte - Niveau AA
- La page est lisible et fonctionnelle lorsque la taille du texte est doublée.
1.4.5 Images de texte - Niveau AA
- Si la même présentation visuelle peut être faite en utilisant uniquement du texte, une image n'est pas utilisée pour présenter ce texte.
Ligne directrice 2.4 Navigable
2.4.1 Blocs de dérivation - Niveau A
- Un lien est fourni pour sauter la navigation et d'autres éléments de page qui se répètent sur les pages web.
- Si une page possède une structure de titres appropriée, cette technique peut être considérée comme suffisante au lieu d'un lien "Passer au contenu principal". Notez que la navigation par les titres n'est pas encore prise en charge par tous les navigateurs.
- Si une page utilise des cadres et que ces derniers sont intitulés de manière appropriée, cette technique est suffisante pour contourner les cadres individuels.
2.4.2 Page intitulée - Niveau A
- La page web a un titre descriptif et informatif.
2.4.3 Commande ciblée - Niveau A
- L'ordre de navigation des liens, des éléments de formulaire, etc. est logique et intuitif.
2.4.4 Lien avec l'objectif (en contexte) - Niveau A
- L'objectif de chaque lien (ou bouton d'image de formulaire ou point chaud de carte d'image) peut être déterminé à partir du texte du lien seul, ou à partir du texte du lien et de son contexte (par exemple, paragraphe environnant, élément de liste, cellule de tableau, ou en-têtes de tableau).
- Les liens (ou boutons d'image de formulaire) comportant le même texte mais renvoyant à des emplacements différents sont facilement distinguables.
2.4.5 Voies multiples - Niveau AA
- Plusieurs moyens sont disponibles pour trouver d'autres pages web sur le site - au moins deux d'entre eux : une liste de pages liées, une table des matières, un plan du site, une recherche sur le site ou une liste de toutes les pages web disponibles.
2.4.6 Titres et étiquettes - Niveau AA
- Les titres de page et les étiquettes des formulaires et des contrôles interactifs sont informatifs. Évitez de dupliquer les titres (par exemple, "Plus de détails") ou les étiquettes (par exemple, "Prénom"), à moins que la structure ne permette de les différencier de manière adéquate.
2.4.7 Focus Visible - Niveau AA
- Il est visuellement apparent quel élément de la page a le focus clavier actuel (c'est-à-dire que lorsque vous naviguez dans la page, vous pouvez voir où vous vous trouvez).
Ligne directrice 3.1 Lisible
3.1.1 Langue de la page - Niveau A
- La langue de la page est identifiée à l'aide de l'attribut HTML lang (par exemple)
Ligne directrice 3.2 Prévisible
3.2.1 En ligne de mire - Niveau A
- Lorsqu'un élément de la page reçoit le focus, cela n'entraîne pas de modification substantielle de la page, l'apparition d'une fenêtre contextuelle, un changement supplémentaire du focus clavier ou tout autre changement susceptible de troubler ou de désorienter l'utilisateur.
3.2.2 Sur l'entrée - Niveau A
- Lorsqu'un utilisateur saisit des informations ou interagit avec un contrôle, il n'en résulte pas de modification substantielle de la page, d'ouverture d'une fenêtre contextuelle, de changement supplémentaire du focus clavier ou de tout autre changement susceptible de dérouter ou de désorienter l'utilisateur, à moins que celui-ci n'en soit informé à l'avance.
3.2.3 Navigation cohérente - Niveau AA
- Les liens de navigation répétés sur les pages web ne changent pas d'ordre lors de la navigation sur le site.
3.2.4 Identification cohérente - Niveau AA
- Les éléments qui ont la même fonctionnalité sur plusieurs pages web sont identifiés de manière cohérente. Par exemple, une boîte de recherche située en haut du site doit toujours être étiquetée de la même manière.
Ligne directrice 3.3 Aide à la saisie
3.3.1 Identification des erreurs - Niveau A
- Les éléments de formulaire obligatoires ou les éléments de formulaire qui requièrent un format, une valeur ou une longueur spécifiques fournissent ces informations dans l'étiquette de l'élément.
- Si elles sont utilisées, les erreurs de validation des formulaires sont présentées de manière efficace, intuitive et accessible. L'erreur est clairement identifiée, un accès rapide à l'élément problématique est fourni et l'utilisateur peut facilement corriger l'erreur et soumettre à nouveau le formulaire.
3.3.2 Étiquettes ou instructions - Niveau A
- Des étiquettes, des repères et des instructions suffisants pour les éléments interactifs requis sont fournis par le biais d'instructions, d'exemples, d'étiquettes de formulaire correctement positionnées et/ou de champs/légendes.
3.3.3 Suggestion d'erreur - Niveau AA
- Si une erreur d'entrée est détectée (via la validation côté client ou côté serveur), proposer des suggestions pour corriger l'entrée de manière opportune et accessible.