Les 4 non-conformités que je retrouve dans presque tous mes audits

Pourquoi toujours les mêmes ?

Parce qu'elles naissent au même endroit : dans les choix de design et dans les thèmes ou les composants réutilisés d'un site à l'autre. Un gris clair à la mode, une bordure de focus supprimée « parce que c'est moche », un modèle de page dupliqué sans changer son titre, et le défaut se retrouve sur toutes les pages.

Les données publiques vont dans le même sens. Le WebAIM Million 2026 ↗, qui teste chaque année le million de pages d'accueil les plus visitées, trouve des erreurs détectables sur 95,9 % d'entre elles, et du texte trop peu contrasté sur 83,9 %. Ces chiffres ne comptent que ce qu'un outil automatique sait voir : la réalité est forcément pire.

1. Les contrastes sont-ils suffisants ?

Le critère 3.2 du RGAA demande si, « dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est suffisamment élevé ». Les seuils viennent des WCAG ↗ :

• 4,5:1 pour le texte courant ;
• 3:1 pour le grand texte (24 px, ou 18,5 px en gras) ;
• 3:1 pour les composants d'interface et les éléments graphiques porteurs d'information (critère 3.3), comme la bordure d'un champ ou une icône sans texte.

Ce que je vois le plus souvent : du texte gris clair sur fond blanc, des textes indicatifs (placeholders) illisibles dans les formulaires, du texte posé sur une photo, et des boutons dans une couleur de marque trop claire avec du texte blanc.

Correction : assombrir le gris, poser un voile derrière le texte sur image, ou passer le texte du bouton en noir. Votre charte n'en est presque jamais changée.

2. Voit-on où l'on est au clavier ?

Le critère 10.7 demande si, « pour chaque élément recevant le focus, la prise de focus est visible ». Une personne qui navigue au clavier, faute de souris ou par choix, doit toujours savoir sur quel lien ou quel bouton elle se trouve.

Le coupable est presque toujours une ligne de CSS : outline: none, ajoutée dans un thème ou une remise à zéro des styles pour supprimer le contour « disgracieux » au clic. Sans contour de remplacement, le focus devient invisible.

Test : ouvrez votre site, appuyez plusieurs fois sur la touche Tab. Si vous perdez la trace de l'élément actif, c'est non conforme.

Correction : un style :focus-visible net et contrasté, qui ne s'affiche qu'au clavier. Avec les WCAG 2.2, vérifiez aussi qu'un en-tête fixe ne cache pas l'élément qui a le focus (critère 2.4.11).

3. Chaque page a-t-elle un titre pertinent ?

Le critère 8.6 demande, « pour chaque page web ayant un titre de page, ce titre est-il pertinent ? ». Le titre de page, c'est le texte de l'onglet du navigateur. C'est aussi la première chose qu'annonce un lecteur d'écran, et celle que Google affiche dans ses résultats.

Ce que je vois le plus souvent : le même titre sur toutes les pages (« Accueil | Ma marque »), un titre jamais mis à jour dans une application qui change de vue sans recharger la page, ou des étapes de formulaire qui gardent toutes le même titre.

Correction : un titre unique par page, qui commence par ce qu'elle contient : « Panier (3 articles) | Ma boutique ». C'est aussi un gain direct pour le référencement.

4. L'ordre de tabulation est-il cohérent ?

Le critère 12.8 demande si, « dans chaque page web, l'ordre de tabulation est cohérent ». Au clavier, le focus doit suivre l'ordre de lecture logique de la page.

Les causes les plus fréquentes :

• des attributs tabindex avec une valeur positive, qui imposent un ordre artificiel ;
• une mise en page CSS qui réorganise visuellement les blocs sans changer l'ordre du code ;
• une fenêtre modale qui s'ouvre sans que le focus y entre, ou d'où l'on peut sortir sans la fermer ;
• des éléments masqués qui restent atteignables au clavier, comme un menu mobile fermé.

Test : la touche Tab, encore. Si le focus saute d'un bout à l'autre de la page ou disparaît dans un élément invisible, c'est non conforme.

Par où commencer ?

Faites le test de la touche Tab sur vos trois pages principales : accueil, une page de service ou un produit, et votre formulaire de contact. Il ne prend pas dix minutes et révèle à lui seul trois des quatre problèmes.

Pour une vue complète, critère par critère, c'est l'objet d'un audit. Le détail des formules est sur la page Accessibilité, et ce qu'elles coûtent sur le marché est expliqué dans combien coûte un audit d'accessibilité.