L'accessibilité numérique consiste à concevoir des sites et des applications utilisables par toutes et tous, y compris les personnes ayant une déficience visuelle, auditive, motrice ou cognitive. Les règles pour l'accessibilité des contenus Web (WCAG), publiées par le W3C, en constituent la référence internationale ; leur version 2.2 a été publiée en 2023.
Au-delà des obligations qui visent notamment les organismes publics, un site accessible est plus simple à utiliser pour tout le monde : sur mobile, en plein soleil, avec une connexion lente ou pour une personne âgée. Voici huit vérifications à réaliser en priorité.
1. Des contrastes suffisants
Le texte courant doit présenter un rapport de contraste d'au moins 4,5:1 avec son arrière-plan pour atteindre le niveau AA. Les textes gris pâle sur fond blanc, très répandus, échouent souvent à ce test. Des outils gratuits permettent de vérifier chaque couleur de votre charte.
2. Une navigation complète au clavier
Débranchez la souris et parcourez votre site avec la touche Tab. Chaque lien, bouton et champ doit être atteignable, dans un ordre logique, avec un indicateur de focus bien visible. Les menus déroulants et les fenêtres modales sont les pièges les plus fréquents.
3. Des textes alternatifs pertinents
Chaque image porteuse d'information doit être accompagnée d'un texte alternatif qui en décrit le sens, et non l'apparence. Les images purement décoratives doivent au contraire être ignorées par les lecteurs d'écran.
4. Une structure de titres cohérente
Les personnes qui utilisent un lecteur d'écran naviguent souvent de titre en titre. Une page doit comporter un titre principal unique, suivi de sous-titres hiérarchisés, sans sauter de niveau.
5. Des formulaires explicites
Chaque champ doit avoir une étiquette visible et associée par programmation. Les messages d'erreur doivent indiquer précisément le problème et la façon de le corriger, sans reposer uniquement sur la couleur rouge.
6. Des contenus adaptables
Le contenu doit rester lisible lorsqu'il est agrandi à 200 % et s'adapter à un écran étroit sans défilement horizontal. Un design responsive bien conçu répond en grande partie à cette exigence.
7. Des médias sous-titrés
Les vidéos doivent proposer des sous-titres, et les contenus audio une transcription. C'est aussi un atout pour les personnes qui consultent votre site dans un lieu public, sans le son.
8. Une langue déclarée et un langage clair
La langue de chaque page doit être déclarée dans le code, afin que les lecteurs d'écran utilisent la bonne prononciation. Des phrases courtes et un vocabulaire simple profitent ensuite à l'ensemble des visiteurs.
Bon à savoir
Les outils de vérification automatique détectent une partie seulement des problèmes. Rien ne remplace un test manuel au clavier et avec un lecteur d'écran, idéalement complété par des utilisateurs concernés.
L'accessibilité coûte beaucoup moins cher lorsqu'elle est prise en compte dès la conception que corrigée après la mise en ligne. C'est pourquoi nous l'intégrons à chaque étape de nos projets web, de la maquette aux tests de recette.