Checklist WCAG 2.2 pour sites web et boutiques en ligne

Images et médias

• Chaque image informative a un texte alternatif pertinent ; les images décoratives ont un alt vide.WCAG 1.1.1 · En partie automatique
• Les icônes et graphiques SVG porteurs de sens ont une alternative textuelle.WCAG 1.1.1 · Testé automatiquement
• Les vidéos ont des sous-titres ; les contenus audio seuls ont une transcription.WCAG 1.2.1, 1.2.2 · Vérification manuelle
• Le son ne démarre pas automatiquement, ou peut être mis en pause.WCAG 1.4.2 · Vérification manuelle

Texte et couleur

• Le texte a un contraste d’au moins 4,5:1 (grand texte 3:1).WCAG 1.4.3 · Testé automatiquement
• Boutons, bordures des champs et icônes importantes ont un contraste d’au moins 3:1.WCAG 1.4.11 · Vérification manuelle
• L’information n’est pas transmise par la couleur seule (champs obligatoires, prix soldés, erreurs).WCAG 1.4.1 · Vérification manuelle
• La page peut être zoomée à 200 % sans perte de contenu ; le zoom n’est pas bloqué.WCAG 1.4.4 · En partie automatique

Structure

• Chaque page a une langue (lang) et un titre unique et descriptif.WCAG 3.1.1, 2.4.2 · Testé automatiquement
• Les titres forment un plan logique (un seul h1, aucun niveau sauté).WCAG 1.3.1 · En partie automatique
• Listes, tableaux et zones de page utilisent un balisage HTML correct.WCAG 1.3.1 · En partie automatique

Clavier et focus

• Toutes les fonctions sont utilisables au clavier seul : menu, filtres, panier, commande.WCAG 2.1.1 · Vérification manuelle
• Le focus clavier est toujours bien visible.WCAG 2.4.7 · Vérification manuelle
• Aucun piège au clavier dans les pop-ups, widgets de chat ou bandeaux cookies.WCAG 2.1.2 · Vérification manuelle
• Un lien « aller au contenu » ou des repères permettent d’éviter les blocs répétés.WCAG 2.4.1 · En partie automatique
• L’élément qui a le focus n’est pas masqué par un en-tête fixe ou un bandeau.WCAG 2.4.11 · Vérification manuelle

Formulaires et commande

• Chaque champ a un libellé visible (un placeholder ne suffit pas).WCAG 1.3.1, 3.3.2 · Testé automatiquement
• Les messages d’erreur disent ce qui ne va pas et comment corriger.WCAG 3.3.1, 3.3.3 · Vérification manuelle
• Les champs nom, adresse et e-mail utilisent autocomplete.WCAG 1.3.5 · Testé automatiquement
• Connexion et commande n’exigent pas d’énigme ni de test de mémoire sans alternative.WCAG 3.3.8 · Vérification manuelle
• L’utilisateur n’a pas à ressaisir une information déjà fournie.WCAG 3.3.7 · Vérification manuelle

Liens et boutons

• Liens et boutons ont des noms compréhensibles, y compris les boutons-icônes.WCAG 2.4.4, 4.1.2 · Testé automatiquement
• Les zones tactiles font au moins 24 × 24 pixels CSS ou sont assez espacées.WCAG 2.5.8 · Testé automatiquement
• Les actions par glisser-déposer ont une alternative en un seul clic.WCAG 2.5.7 · Vérification manuelle

Contenus dynamiques

• Les messages d’état (« ajouté au panier », erreurs) sont annoncés aux lecteurs d’écran.WCAG 4.1.3 · Vérification manuelle
• Carrousels et animations peuvent être mis en pause ; rien ne clignote plus de trois fois par seconde.WCAG 2.2.2, 2.3.1 · Vérification manuelle
• Les limites de temps peuvent être prolongées ou désactivées.WCAG 2.2.1 · Vérification manuelle

Cette checklist est une aide pratique, pas un conseil juridique. Les outils automatiques ne trouvent de façon fiable qu’une partie des problèmes — utilisez-la avec une revue manuelle et, si besoin, un accompagnement professionnel.