L'accessibilité d'un site : le minimum qui change tout

L'accessibilité souffre d'une réputation de sujet normatif, long et réservé aux grandes organisations. En pratique, une poignée de points traite l'essentiel des difficultés rencontrées par de vraies personnes, et ils se corrigent vite.

Le contraste, qui concerne tout le monde

Le gris clair sur blanc est l'erreur la plus répandue des sites soignés. Il fait élégant sur un écran neuf, dans un bureau, à trente ans.

Il devient illisible en extérieur, sur un téléphone, ou avec une vue qui baisse. Le seuil usuel est un rapport de 4,5 pour 1 entre le texte et son fond, et il se mesure avec n'importe quel outil gratuit.

Ce point à lui seul améliore l'expérience de tous les visiteurs, pas seulement de ceux qui ont une difficulté.

Les textes de remplacement des images

Chaque image porteuse d'information a besoin d'une description. Pas « photo », pas le nom du fichier : ce que l'image montre.

Une image purement décorative, elle, doit porter une description vide, pour que les lecteurs d'écran l'ignorent au lieu d'annoncer un nom de fichier.

Bénéfice secondaire réel : ces descriptions sont aussi ce que lisent les moteurs et les modèles d'intelligence artificielle.

La navigation au clavier

Parcourez votre site avec la seule touche de tabulation. Vous devez voir où vous êtes à chaque instant, et atteindre tous les liens et tous les boutons.

Deux défauts classiques apparaissent : un contour de focus supprimé en CSS parce qu'on le trouvait laid, et un menu qui ne s'ouvre qu'au survol de la souris, donc inaccessible.

Ce test prend trois minutes et révèle presque toujours quelque chose.

Les libellés de formulaire

Un champ a besoin d'un libellé associé, pas seulement d'un texte d'exemple à l'intérieur. Le texte d'exemple disparaît dès qu'on tape, et il n'est pas annoncé par les lecteurs d'écran.

Même remarque pour les messages d'erreur : ils doivent dire ce qui ne va pas et où, pas colorer le champ en rouge.

La structure des titres

Un seul titre de niveau un par page, puis des niveaux qui descendent sans sauter de marche. C'est ainsi qu'on parcourt une page avec un lecteur d'écran, de titre en titre, comme on parcourt une table des matières.

Un site qui utilise les niveaux de titre pour leur taille plutôt que pour leur sens devient impossible à parcourir autrement qu'en lisant tout.

Le mouvement

Certaines personnes ont des vertiges déclenchés par les animations. Les systèmes d'exploitation permettent de signaler cette préférence, et un site peut la respecter en quelques lignes, en neutralisant défilements animés et transitions.

C'est l'un des points les moins coûteux à traiter, et l'un des plus concrets pour ceux qu'il concerne.

Ce que ça coûte, et quand le faire

Traités pendant la construction, ces six points n'ajoutent pratiquement rien au budget. Repris après coup, ils demandent de revenir sur des choix de couleurs, de structure et de composants.

C'est donc moins une question d'argent qu'une question de moment. Autant les poser au départ.

Notre article sur ce que le RGPD demande à un site vitrine traite de l'autre série d'obligations qu'on découvre souvent trop tard.