Liste pratique basée sur WCAG 2.2 : navigation au clavier et focus, texte, contraste, libellés et erreurs de formulaire, textes alternatifs et consignation des constats.
Cette liste rassemble les vérifications qu’un propriétaire de petite entreprise peut faire en environ une heure sans logiciel spécialisé : naviguer uniquement au clavier, vérifier la taille et le contraste du texte, contrôler que chaque champ de formulaire a un libellé et que les erreurs sont claires, et s’assurer que les images ont des textes alternatifs pertinents. Elle s’appuie sur WCAG 2.2, la norme à laquelle se réfèrent la plupart des lois et politiques, ainsi que sur les ressources du W3C : Vérifications faciles. Réussir ces vérifications ne rend pas un site conforme à la loi ; elles permettent de repérer les obstacles les plus courants.
Écartez la souris. Appuyez sur Tab du haut vers le bas de la page, puis sur Maj+Tab pour remonter.
[ ] Un lien « Aller au contenu » apparaît dès le premier appui sur Tab (utile si le menu est long)
[ ] Chaque lien, bouton et champ de formulaire est accessible avec Tab
[ ] La position du focus est toujours visible (contour ou surbrillance)
[ ] Le focus suit un ordre logique, de haut en bas et de gauche à droite
[ ] Le menu s’ouvre avec Entrée ou Espace et se ferme avec Échap
[ ] Les fenêtres contextuelles se ferment au clavier et le focus revient à la page
[ ] Aucun élément ne piège le focus (vous pouvez toujours continuer avec Tab)
[ ] Les en-têtes fixes ne recouvrent pas l’élément sélectionné
[ ] Le texte courant est lisible au zoom normal (environ 16px ou plus)
[ ] À un zoom de 200%, rien ne se chevauche ni n’est tronqué ; pas de défilement horizontal
[ ] Contraste du texte d’au moins 4.5:1 (3:1 pour les grands caractères) ; vérifiez avec un outil
[ ] Les liens se distinguent du texte autrement que par la couleur seule
[ ] Chaque champ de formulaire a un libellé visible (un texte indicatif n’est pas un libellé)
[ ] Les champs obligatoires sont signalés par du texte, pas uniquement par la couleur
[ ] Les erreurs indiquent à côté du champ ce qui s’est passé et comment corriger le problème
[ ] Les boutons décrivent leur action (« Envoyer une demande », pas « Envoyer » générique ou une icône seule)
[ ] La langue de la page est définie et les titres suivent l’ordre (H1, H2, H3)
Vérifiez les combinaisons de couleurs avec le vérificateur de contraste des couleurs. Les seuils de contraste proviennent du critère WCAG Contraste (minimum).
alt="") afin que les lecteurs d’écran l’ignorent.L’arbre de décision du W3C sur les textes alternatifs traite les cas particuliers.
| Les outils automatiques détectent | Seule une personne peut évaluer |
|---|---|
| Attributs alt manquants | La pertinence réelle du texte alternatif |
| Faible contraste sur des fonds unis | Contraste du texte sur les photos et vidéos |
| Champs de formulaire sans libellé | La clarté des libellés et des messages d’erreur |
| Langue de page manquante, liens vides | Ordre de navigation au clavier, visibilité et pièges du focus |
| Niveaux de titres sautés | La pertinence des titres par rapport au contenu |
Commencez par un contrôle automatique (le vérificateur de site comprend des vérifications d’accessibilité de base ; le W3C tient une liste d’outils d’évaluation), puis effectuez le parcours manuel ci-dessus. Si une part importante de vos clients est en situation de handicap, financez des tests avec des personnes handicapées.
Entreprise fictive « Harbour Line Plumbing ». Elle n’existe pas ; cet exemple illustre le format, pas des résultats réels.
Date de vérification : [date] Vérifié par : propriétaire Pages : Accueil, Services, Contact
Navigateur/appareils : clavier d’ordinateur uniquement ; téléphone avec lecteur d’écran
# Page Problème Réf. WCAG Corrigé ?
1 Accueil Icône d’appel sans libellé (« bouton ») 4.1.2 oui
2 Accueil Texte blanc difficile à lire sur la photo d’en-tête 1.4.3 oui, voile plus sombre
3 Contact Libellé du code postal remplacé par un texte indicatif 3.3.2 oui
4 Contact Erreur indiquant seulement « Invalide » 3.3.1 oui, « Saisissez un numéro de téléphone »
5 Services Textes alt des photos = noms de fichiers 1.1.1 oui
6 Tout Aucun focus visible sur les liens du menu 2.4.7 en cours - signalé à l’éditeur
Non testé : sous-titres vidéo (aucune vidéo sur le site)
VIERGE
Date / personne / pages / navigateurs et appareils :
# Page Problème Réf. WCAG Corrigé ? (oui / en cours + note)
Non testé :
Commencez avec un modèle pour entreprise dans l’éditeur de sites We.Inc, puis utilisez cette liste et le vérificateur de site avant la publication. Free permet de créer jusqu’à 3 sites à partir de modèles sur une adresse we.inc (sans crédits IA ni domaine personnalisé) ; Starter à $20/mois ajoute la création par IA et les domaines personnalisés (tarifs). Vous prévoyez un budget pour des corrections ou une refonte ? Utilisez le calculateur de coût de site.
Créez le site web de votre entreprise
La norme WCAG 2.2, niveau AA, est celle à laquelle se réfèrent la plupart des lois et politiques. Cette liste couvre les problèmes les plus courants pour les petites entreprises, pas tous les critères.
Non. Les outils automatiques détectent les attributs manquants et certains problèmes de contraste, mais une personne doit vérifier la navigation au clavier, le focus et la clarté des libellés et des textes alternatifs.
Aucune liste ne peut garantir une conformité juridique. Tenez un journal daté, publiez une déclaration d’accessibilité honnête et demandez conseil à un avocat sur vos obligations.
Commencer gratuitement · Sans carte bancaire