1) Créer une arborescence et une navigation simple
Lors de la création d'un site internet, il est important de prévoir sa déclinaison sur de multiples plateformes : ordinateur, tablette, smartphone. La navigation doit rester simple et intuitive, quelle que soit la taille du site, pour le confort de tous les internautes. Ainsi, les zones cliquables comme les boutons ne doivent pas être trop petites et suffisamment aérées pour faciliter l'expérience utilisateur.
2) Renseigner la balise description (Alt) des visuels
Les images sont impérativement accompagnées d'un texte alternatif qui sera lu par les différentes technologies d'assistance utilisées par les personnes en situation de handicap. Il en va de même pour tout élément non-textuel : formulaire, lien, bouton, par exemple. Sans cette étape, la cible ne peut pas comprendre le contenu de la page, abandonne ou passe à côté de certaines infos.
3) Sélectionner des couleurs contrastées pour designer l'interface
L'arrière-plan et le premier plan sont beaucoup plus lisibles (et donc, accessibles) s'ils respectent un bon niveau de contraste. Cependant, même si le noir et blanc restent incontestablement des valeurs sûres, la richesse du cercle chromatique autorise heureusement une créativité adaptée. Pour vérifier si le contraste d'une page est suffisant, plusieurs outils existent :
- Lighthouse ;
- Color Review ;
- Tanaguru Contrast Finder ;
- Color & Contrast Picker ;
- Colorable.
4) Naviguer sans la souris
Certaines personnes handicapées ne peuvent utiliser une souris et n'ont accès qu'aux touches du clavier. Il est donc essentiel de tester la navigation dans les mêmes conditions pour valider les éléments interactifs.
5) Tester le site auprès des populations concernées
Idéalement, le test de manipulation d'un site web auprès d'un panel d'utilisateurs représentatifs met davantage en évidence les plus et les moins de son niveau d'accessibilité. Toutefois, l'outil Wave permet aussi de contrôler et d'analyser la compréhension d'un site vers un public handicapé. Il vérifie :
- les contrastes et les couleurs ;
- les aria-label ;
- la structure (header, navigation, main, titres, etc.) ;
- les zones cliquables.
