Centre de ressources

7 min de lecture

Checklist WCAG 2.2 pour vérifier un site avant publication

Une liste de contrôle pour détecter les barrières courantes avant de publier une page, une fonctionnalité ou une refonte.

Commencez par le contenu et la structure

L'accessibilité commence par une structure compréhensible par tous. Un titre principal, des niveaux de titres logiques, des liens qui expliquent leur destination et des alternatives textuelles adaptées rendent une page navigable avec lecteur d'écran, clavier ou zoom.

N'utilisez pas la couleur comme seul moyen de communiquer un état. Une erreur, une sélection ou un champ obligatoire nécessitent aussi du texte, des icônes nommées ou des instructions explicites.

Checklist d'interaction

Les composants qui répondent à la souris doivent aussi répondre au clavier. Le focus doit être visible, suivre un ordre cohérent et ne pas rester piégé dans un menu ou une boîte de dialogue.

Les formulaires ont besoin d'étiquettes programmatiques, d'aide si nécessaire et d'erreurs qui indiquent ce qui s'est passé et comment le résoudre.

  • Chaque contrôle interactif est atteignable et activable au clavier.
  • Le focus visible n'est pas caché derrière des en-têtes ou éléments fixes.
  • Les boutons d'icône possèdent un nom accessible.
  • Les champs ont des étiquettes, instructions et erreurs associées.
  • Les fenêtres modales gèrent le focus et se ferment sans souris.

Contraste, taille et adaptation

Le contraste n'est pas qu'une question de design. Vérifiez le texte normal, les petits textes, les boutons, les liens et les états de focus. Une combinaison correcte sur un écran peut échouer pour une personne malvoyante ou sur mobile en forte lumière.

Testez le contenu avec zoom. Les textes ne doivent pas se chevaucher, être coupés ou imposer un défilement dans deux directions pour lire une section normale.

  • Textes et fonds conservent un contraste suffisant.
  • Aucune information n'est perdue lors de l'agrandissement.
  • Les contrôles tactiles ont assez d'espace et des libellés clairs.
  • Focus et erreurs se distinguent sans dépendre uniquement de la couleur.

Automatisez le répétable et révisez l'humain

Un scanner peut trouver de nombreux problèmes rapidement et de façon cohérente. Il ne peut pas décider si un texte alternatif décrit bien une image, si l'ordre de lecture est logique ou si une tâche d'achat est compréhensible.

Ajoutez une analyse à chaque version importante et réservez une revue manuelle aux parcours métier. Cette combinaison réduit les erreurs répétées sans faire de l'accessibilité une vérification de dernière minute.

À lire ensuiteActe européen sur l'accessibilité et ecommerce : quoi vérifier sur votre site