Accessibilité
La règle suprême : personne n'est laissé de côté. Tout compromis dans le Concept s'arrête ici.
Sur cette page
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.
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.
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 ?