Liste de vérification pour les designers

Information et relations

WCAG 1.3.1

• Organisez les pages à l’aide d’en-têtes HTML correctement imbriqués.
• Utilisez les régions et les étiquettes ARIA pour identifier les zones d’une page.
• Réservez les tableaux pour les données tabulaires et utilisez les en-têtes de tableaux et les légendes de manière appropriée.

Retour vers l’index

Utilisation de la couleur

WCAG 1.4.1

• Lorsque la couleur des mots, des arrières-plans ou d’autres contenus est utilisée pour transmettre des informations, incluez également les informations dans le texte.
• Les liens doivent toujours être facilement identifiables par des moyens non colorés, y compris les états par défaut et de survol. La façon la plus simple et la plus conventionnelle de signifier des liens est le soulignement.
• Les champs obligatoires et les champs avec des erreurs doivent inclure un moyen sans couleur pour les identifier.

Retour vers l’index

Contraste (minimum)

WCAG 1.4.3

• Le texte (y compris les images de texte) a un rapport de contraste d’au moins 4,5:1.
• Pour le texte et les images d’au moins 24 pixels et normal ou 19 pixels et gras, utilisez un rapport de contraste d’au moins 3:1.

Retour vers l’index

Texte sous forme d’image

WCAG 1.4.5

• Évitez les images de texte, sauf dans le cas de logos.

Retour vers l’index

Clavier

WCAG 2.1.1

• Toutes les fonctionnalités doivent être disponibles sur un clavier, à moins que la fonctionnalité ne puisse pas être fournie par un clavier seul.

Retour vers l’index

Parcours du focus

WCAG 2.4.3

• Créez un ordre de tabulation logique via des liens, des contrôles de formulaire et des objets interactifs.

Retour vers l’index

Fonction du lien (contexte)

WCAG 2.4.4

• L’objectif de chaque lien peut être déterminé à partir du texte du lien seul, ou à partir du texte du lien et du paragraphe, de l’élément de liste ou de la cellule de tableau qui le contient, ou du texte du lien et de l’attribut de titre.

Retour vers l’index

Accès multiples

WCAG 2.4.5

Chaque site Web doit inclure au moins deux des éléments suivants :

• une liste de pages connexes,
• une table des matières,
• un plan du site,
• une recherche ou
• la liste de toutes les pages.

Retour vers l’index

Titres et étiquettes

WCAG 2.4.6

• Assurez-vous que sur chaque page, les en-têtes, les étiquettes de régions et les libellés de formulaires sont uniques à moins que la structure ne fournisse une différenciation adéquate entre eux.

Retour vers l’index

Visibilité du focus

WCAG 2.4.7

• Fournissez des styles de focus au clavier très visibles et assurez-vous qu’un élément visible a le focus à tout moment lors de l’utilisation d’un clavier.
• Ne vous fiez pas aux styles focus par défaut du navigateur.

Retour vers l’index

Abréviations

WCAG 3.1.4

• Un mécanisme est disponible pour identifier la forme complète ou la signification d’une abréviation.

Retour vers l’index

Au focus et à la saisie

WCAG 3.2.1 et 3.2.2

• Lorsque le focus change, la page ne doit pas entraîner de modification du contenu de la page, générer une nouvelle fenêtre de navigateur, soumettre un formulaire, modifier davantage le focus ou provoquer tout autre changement qui désoriente l’utilisateur.
• Lorsque l’utilisateur saisit des informations ou interagit avec un contrôle, la page ne doit pas entraîner de modification du contenu de la page, générer un nouvelle fenêtre de navigation, soumettre un formulaire, modifier davantage le focus ou provoquer tout autre changement qui désoriente l’utilisateur. Si une entrée provoque un tel changement, l’utilisateur doit en être informé à l’avance.

Retour vers l’index

Navigation et identification cohérentes

WCAG 3.2.3 et 3.2.4

• Lorsque les composant sont répétés sur une page, ils doivent apparaître dans le même ordre relatif par rapport aux autres composants répétés sur chaque page où ils apparaissent.
• Lorsqu’un menu de navigation est présenté sur plusieurs pages, les liens doivent apparaître dans le même ordre sur chaque page.
• Lorsque les composants ont la même fonctionnalité sur plusieurs pages, ils doivent être identifiés de manière cohérente sur chaque page.

Retour vers l’index

Libellés et instructions

WCAG 3.3.2

• Utilisez des libellés descriptifs pour les champs d’entrées.
• Positionnez visuellement les libellés de manière cohérente, ce qui facilite l’association des libellés aux contrôles de formulaire.
• N’utilisez pas le texte d’espace réservé à la place d’un libellé.
• Fournissez des instructions textuelles au début d’un formulaire ou d’un ensemble de champs qui décrivent l’entrée nécessaire.

Retour vers l’index

Prévention des erreurs

WCAG 3.3.3 et 3.3.4

• Si une erreur de saisie est détectée et si des suggestions de correction sont connues, fournissez des suggestions pour corriger la soumission.
• Fournir des moyens simples de confirmer, de corriger ou d’annuler une action de l’utilisateur lorsqu’une erreur entraînerait de graves conséquences dans le monde réel (par exemple, soumettre des données financières, conclure un accord juridique, soumettre des données de test ou effectuer une transaction).

Retour vers l’index