Accessibilité

Le niveau visé est WCAG 2.2, niveau AA. C’est une exigence de qualité, pas un avis juridique.

Ce qui est testé pour vous

• Chaque paire de couleurs du système est vérifiée dans les deux modes (Couleur).
• Chaque story de Storybook exécute axe avec les règles WCAG 2.2 AA et fait échouer le build en cas de violation.
• Les pages construites de ce site passent axe en CI ; les liens et les ancres sont vérifiés.

Ce qu’une personne vérifie

• Clavier : chaque contrôle atteignable et utilisable, aucun piège, les boîtes de dialogue rendent le focus.
• Focus visible et non masqué par un en-tête collant.
• Cibles d’au moins 24 par 24 px, et 44 px au toucher.
• Reflow à 320 px et à 200 % de zoom du texte.
• Mouvement : le mouvement réduit est respecté, rien ne clignote.
• Noms : chaque contrôle a un nom accessible dans chaque langue ; lang est défini et l’arabe s’affiche de droite à gauche.

Couleurs forcées et contraste renforcé

Avec forced-colors: active, les couches flottantes reçoivent une bordure CanvasText, le focus est un contour et le carré Record est vérifié comme couleur système. prefers-contrast: more renforce d’un cran les filets et le texte atténué. Voir le mode de couleur.