Aller au contenu principal

Accessibilité WCAG

Open in QuickMonitoring→ Sites → [Votre site] → Scans → Validation

La conformité WCAG (Web Content Accessibility Guidelines) est de plus en plus une obligation légale, pas seulement une bonne pratique. QuickMonitoring vérifie chaque page crawlée pour les violations d'accessibilité les plus courantes — textes alternatifs manquants, contraste de couleurs insuffisant, étiquettes de formulaire manquantes, problèmes de navigation au clavier. Les vérifications automatisées ne détectent pas tout, mais elles détectent les violations les plus fréquentes de manière fiable.

Ce que vous verrez​

Allez dans Sites → votre site → Validation (barre latérale) → filtrez par « Accessibilité ».

Les problèmes sont étiquetés avec leur critère WCAG, par exemple :

  • 1.1.1 Contenu non textuel — texte alternatif manquant sur les images
  • 1.4.3 Contraste (Minimum) — texte ne respectant pas le ratio de contraste requis
  • 2.1.1 Clavier — éléments non accessibles au clavier
  • 4.1.2 Nom, rôle, valeur — éléments interactifs sans nom accessible

Chaque violation affiche l'élément concerné, le critère violé et ce qui doit être corrigé.

Comment l'utiliser​

  1. Lancez un scan
  2. Allez dans Sites → votre site → Validation (barre latérale) → filtrez par « Accessibilité »
  3. Examinez les violations — chacune affiche l'élément, le critère et ce qui doit être corrigé
  4. Priorisez les violations critiques (accessibilité clavier, textes alternatifs, étiquettes de formulaire) avant les avertissements (suggestions de bonnes pratiques)

Pour les livrables clients : exportez le rapport d'accessibilité et incluez-le dans votre remise QA. Il indique exactement ce qui doit être corrigé avant le lancement.

Condition de réussite​

✅ Vous avez obtenu ce badge lorsque le filtre Accessibilité dans Validation affiche des résultats pour au moins une page crawlée.

Problèmes fréquents​

  • Échecs de contraste sur les thèmes sombres — Les ratios de contraste sont calculés par rapport aux couleurs réellement rendues. Si votre site a un interrupteur de mode sombre, le crawler capture l'état par défaut. Les problèmes de contraste sont réels — corrigez-les avec des valeurs de couleur ajustées, pas des modifications d'opacité (l'opacité réduit davantage le contraste).

  • « Texte alternatif manquant » sur des images décoratives — Les images décoratives (séparateurs, arrière-plans, icônes purement visuelles) doivent avoir alt="" pour les marquer explicitement comme présentatives. Les lecteurs d'écran les ignoreront alors. Un attribut alt vide est correct et intentionnel — n'ajoutez pas de texte générique comme alt="image".

  • Échecs d'accessibilité clavier sur des composants personnalisés — Les menus déroulants, boîtes de dialogue modales et carrousels construits sans rôles ARIA échouent souvent aux vérifications de navigation clavier. Ces problèmes nécessitent des modifications de code, pas seulement des ajouts d'attributs HTML.

  • Nombre élevé de violations sur une page avec un formulaire — Les formulaires sont une source fréquente d'échecs d'accessibilité. Les éléments <label> manquants, les étiquettes uniquement par placeholder et les champs sans étiquettes associées échouent tous aux critères WCAG 1.3.1 et 4.1.2. Corrigez le balisage du formulaire — ne comptez pas sur les placeholders pour étiqueter les champs.