Comprendre avant de corriger
On corrige mal ce qu’on n’a pas compris. Cette rubrique part des usages réels, pas de la grille de critères.
Quatre façons de ne pas pouvoir utiliser un site
Ne pas voir l’écran. La page est restituée en parole ou en braille, dans l’ordre du code. Une mise en forme qui ne repose que sur l’apparence disparaît entièrement.
Ne pas entendre. Toute information portée par le son doit exister ailleurs : sous-titres synchronisés, transcription, et audiodescription lorsque l’image porte du sens que la bande-son ne dit pas.
Ne pas pouvoir viser. La souris suppose une précision qui n’est pas donnée à tout le monde. Tout doit être atteignable au clavier, dans un ordre qui suit la lecture, avec un focus toujours visible.
Ne pas pouvoir tout traiter. Troubles de l’attention, de la mémoire, dyslexie, fatigue cognitive : c’est le public le plus large, et le moins souvent pris en compte. Des phrases courtes, un vocabulaire stable et une structure prévisible font plus que n’importe quel attribut ARIA.
Les corrections qui reviennent le plus souvent
- une hiérarchie de titres continue, sans saut de niveau ;
-
des alternatives textuelles pertinentes, et un
alt=""sur les images purement décoratives ; - des intitulés de liens explicites : « Cliquez ici » ne décrit aucune destination ;
- une étiquette visible et associée pour chaque champ de formulaire ;
- un ratio de contraste d’au moins 4,5:1 sur le texte courant, 3:1 sur les composants d’interface ;
- un contenu lisible sans exécution de JavaScript.
La première règle d’ARIA est de ne pas s’en servir. Un
<button> natif fait déjà tout ce qu’un
<div role="button"> tente de réimplémenter, et il le
fait correctement dans tous les lecteurs d’écran. Un ARIA mal posé est
pire que pas d’ARIA du tout.
Tout sur l’accessibilité numérique
- La définition de l'accessibilité numérique
- Les handicaps et les usages
- La déficience visuelle
- Le handicap auditif
- Le handicap moteur
- Le handicap cognitif
- Le FALC
- Les contrastes et les couleurs
- La navigation au clavier
- Les alternatives textuelles
- La structure des titres
- ARIA
- Les formulaires accessibles
- Les vidéos accessibles
- Les tableaux accessibles
- Accessibilité et référencement Pourquoi les non-conformités RGAA et les alertes d’un audit SEO technique se recoupent.
- Accessibilité et moteurs de réponse