Accessibilité du site : les contrôles qui aident les personnes à l'utiliser

Le moyen le plus rapide de savoir si un site est utilisable est d'essayer de remplir la demande de devis sans toucher la souris. Si on n'y arrive pas — parce que le curseur disparaît, parce qu'un champ est inaccessible, parce que le bouton ne répond pas — alors il y a des personnes qui n'arrivent pas à vous écrire, et vous ne le saurez jamais : qui n'y arrive pas n'envoie pas de signalement, il ferme la page.

L'accessibilité se vérifie sur les parcours, pas sur des pages abstraites. Les parcours qui comptent sont deux ou trois : trouver le service, comprendre s'il correspond à son besoin, demander. Ce guide sert à les contrôler de vos propres mains et à transformer ce que l'on trouve en corrections assignées.

Quatre contrôles à faire en dix minutes, sans outils

1. Le clavier. Depuis la première ligne de la page, avec la touche de tabulation, on doit pouvoir atteindre chaque lien, chaque champ et chaque bouton, dans un ordre qui suit la lecture. Essayez d'ouvrir le menu, de fermer une fenêtre qui apparaît toute seule, d'envoyer le formulaire.
2. Le point actif. Pendant qu'on se déplace au clavier, on doit toujours voir où l'on se trouve : un contour, une couleur, quelque chose. De nombreux thèmes graphiques le suppriment parce qu'il est jugé inesthétique : c'est le défaut le plus fréquent et en même temps le plus facile à corriger.
3. Le contraste. Texte gris clair sur blanc, inscriptions sur une photographie, boutons dont le libellé est presque du même ton que le fond. Ce sont les points où l'on perd celui qui lit sur un écran en plein soleil ou avec les yeux fatigués, c'est-à-dire presque tout le monde tôt ou tard.
4. La hiérarchie des titres. Un titre principal par page, puis des sections et sous-sections dans l'ordre, sans sauts et sans titres utilisés seulement pour agrandir le texte. C'est ainsi que l'on parcourt une page quand on ne la voit pas tout entière d'un coup.

Images, formulaires et messages d'erreur

Le deuxième passage concerne ce qu'une page communique lorsqu'on ne la regarde pas dans son intégralité.

• Textes alternatifs : ils décrivent à quoi sert l'image à cet endroit, pas ce que l'on voit. Le logo se décrit avec le nom de l'entreprise ; une photographie décorative n'a pas besoin de description ; un schéma qui porte une information doit être décrit intégralement, ou bien l'information doit aussi être écrite dans le texte.
• Libellés des champs : chaque champ a son libellé, visible et associé au champ. Le texte gris à l'intérieur de la case n'est pas un libellé : il disparaît dès qu'on écrit, et quiconque se distrait ne sait plus ce qu'il était en train de remplir.
• Messages d'erreur : ils doivent indiquer quel champ et ce qu'il faut corriger, rester visibles et ne pas dépendre uniquement de la couleur. Une bordure rouge n'est pas un message.
• Champs obligatoires : ils sont indiqués avant, pas après la tentative d'envoi. Et le formulaire ne doit pas effacer ce qui avait déjà été écrit.

Outils automatiques et tests manuels

Les outils automatiques sont utiles et ne suffisent pas : ils trouvent ce qui peut être compté, pas ce qui a du sens. Les deux sont nécessaires, et il est utile de savoir ce que l'on peut attendre de chacun.

La règle pratique : l'automatique s'exécute une première fois pour éliminer le gros du problème, puis à chaque publication ; le manuel se refait à chaque modification des parcours principaux, car c'est le seul qui dit si une personne arrive au bout.

Un protocole de test pour la demande de devis

Rédigé une fois, il se répète à l'identique à chaque changement du site. Il est exécuté par une seule personne, en une demi-heure, qui note où elle s'est arrêtée et ce qu'elle a dû deviner.

1. Ouvrir la page d'accueil et atteindre la page du service en utilisant uniquement le clavier. Noter combien d'étapes sont nécessaires et si l'on voit toujours où l'on se trouve.
2. Agrandir le texte avec la commande du navigateur jusqu'au double. Vérifier que rien ne disparaît, que le menu reste ouvrable et qu'aucune barre de défilement horizontale n'apparaît.
3. Remplir le formulaire au clavier en laissant volontairement un champ obligatoire vide et en se trompant dans l'adresse e-mail. Vérifier que l'erreur est écrite, accessible et compréhensible sans regarder la couleur.
4. Corriger et envoyer. Vérifier que la confirmation est un texte que l'on peut lire et retrouver, pas seulement un changement de couleur ou une icône.
5. Répéter le parcours depuis un téléphone, avec une seule main, puis avec l'écran en mode paysage.
6. Répéter la première étape avec la lecture d'écran activée, même seulement celle déjà présente dans le système d'exploitation. Pas besoin d'être expert pour remarquer qu'un bouton est annoncé comme « bouton » et rien d'autre.

Assigner les corrections et vérifier à nouveau

Une liste de problèmes sans un nom en face ne produit pas de corrections. Chaque entrée doit comporter quatre informations : où cela se produit, ce que cela empêche de faire, qui le corrige, comment on vérifie que c'est résolu. L'ordre n'est pas celui dans lequel les problèmes ont été trouvés.

• D'abord ce qui empêche de terminer un parcours : un formulaire que l'on ne peut pas envoyer passe avant un contraste un peu faible.
• Ensuite ce qui se répète sur tout le site : le point actif invisible ou les libellés manquants se corrigent une fois dans le modèle de page et valent partout.
• Enfin les cas isolés, page par page, qui relèvent souvent du contenu et non du code : une description à réécrire, un titre utilisé au mauvais endroit.
• Après chaque correction, on refait le protocole en entier sur les parcours concernés. Les corrections d'accessibilité se défont facilement au premier changement graphique ou au premier composant ajouté.

Ce que ce guide ne couvre pas

Il s'agit ici de vérifier si le site est utilisable, pas s'il respecte une obligation légale : l'applicabilité des normes, les vérifications formelles et les éventuelles déclarations nécessitent des compétences dédiées et doivent être évaluées séparément. On n'aborde pas non plus quelles questions poser dans un formulaire de contact, qui est une question de contenu et non d'accessibilité, ni le contrôle général avant la mise en ligne, qui comprend de nombreuses autres vérifications en plus de celles-ci.