---
url: https://brand.okrado.com/fr/foundations/accessibility/
title: Accessibilité
description: Le niveau WCAG 2.2 AA, ce qui est testé automatiquement, et ce qu’une personne doit vérifier.
kind: explanation
owner: hmdmsd
updated: 2026-11-03
review_by: 2027-02-28
audience:
  - designer
  - developer
---

# Accessibilité

> Le niveau WCAG 2.2 AA, ce qui est testé automatiquement, et ce qu’une personne doit vérifier.

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](https://brand.okrado.com/fr/foundations/colour/#contraste)).
- Chaque story de [Storybook](https://brand.okrado.com/components/) 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](https://brand.okrado.com/fr/foundations/colour-mode/).