# Accessibilité

La règle suprême : personne n'est laissé de côté. Tout compromis dans le Concept s'arrête ici.

## Le sol

L'accessibilité n'est pas optionnelle. Si une belle idée laisse quelqu'un de côté, l'idée change. Le sol est au niveau WCAG 2.2 AA, vérifié par des tests chaque fois que possible, et le reste par une liste qu'on parcourt à la main.

## Règles

### Le clavier atteint tout

Tout ce qui est cliquable est accessible avec Tab et utilisé avec Enter ou Espace, dans l'ordre de lecture. Le focus est toujours visible, avec le contour orange de Feitio.

[a link](#teclado)Press Tab to watch the focus move.

### Contraste testé

Toute paire de couleurs portant du texte ou un sens passe 4,5 (texte) ou 3 (formes), jour et nuit ; la construction échoue si l'une chute. Voir [Couleur](/fr/design/cor/#contraste).

### La couleur ne parle jamais seule

Statut toujours avec icône et mot ; liens toujours soulignés.

### Cibles tactiles

44px dans le confortable, 40 dans le compact. Le petit bouton dessine 32, mais la zone tactile est 40. Jamais en dessous de 24 du WCAG.

### Structure réelle

Un titre 1 par page et les titres dans l'ordre ; régions marquées (en-tête, navigation, contenu) ; champs avec étiquettes ; erreurs liées au champ et résumées en haut.

### D'abord le navigateur

Les éléments du navigateur (bouton, lien, `details`, `dialog`, `popover`) arrivent accessibles. Les scripts s'ajoutent par-dessus et ne retirent jamais la touche clavier ou le lecteur d'écran.

### Moins de mouvement quand demandé

Le système demande, Feitio arrête tout.

## Comment on vérifie

-   **Automatique :** un test de contraste pour chaque thème ; axe-core sur chaque page, jour et nuit, en densité compacte ; pas de défilement latéral sur mobile.
-   **Manuellement, pour chaque nouveau composant :** parcourir tout avec la seule touche clavier ; écouter la page dans un lecteur d'écran ; zoomer le texte à 200 % ; activer le mouvement réduit.
-   **Ce que les tests ne voient pas** (environ la moitié des problèmes, selon axe-core lui-même) : le texte a-t-il du sens ? Le focus suit-il l'ordre de lecture ? La notice atteint-elle ceux qui ne peuvent pas voir ?