En Belgique, 200.000 personnes sont malvoyantes, 1 homme sur 12 est daltonien (1 sur 250 chez les femmes) et 10.000 personnes sont aveugles.
Plusieurs problèmes vont alors se présenter :
- Le rouge et le vert sont impossibles à distinguer chez les daltoniens
- La forme ou l’emplacement d’éléments peuvent représenter des freins à la compréhension d’un texte, chez les personnes âgées notamment
- Les contrastes peuvent être difficiles à distinguer
Il est essentiel de ne pas se limiter aux couleurs et aux repères visuels pour que les informations soient pleinement comprises.
Comment vous y prendre ?
Utilisation de couleurs
Les champs qui n’ont pas été remplis correctement sont encadrés en rouge, l’erreur saute directement aux yeux. Mais ce n’est pas le cas chez les daltoniens qui ne verront pas où se situe le problème.
- Les indications visuelles ne sont pas suffisantes
- Les indications visuelles doivent être accompagnées d’une autre indication
- Ajoutez le mot « obligatoire » entre parenthèses ou avec un astérisque (*)
- Précisez, en haut du formulaire, que les champs obligatoires sont suivis de ces indications
Le bouton « envoi »
Les boutons d’envoi sont souvent colorés en vert, ce qui n’est pas visible pour un daltonien ou une personne malvoyante. Associer un texte au bouton « Envoi » leur permettra d’envoyer le formulaire.
- Associez un texte alt « Envoi » à cette image utilisée comme bouton
Renvoi à un élément du formulaire
Lorsque vous renvoyez à un champ ou à un bouton du formulaire dans une explication, ne vous contentez pas de mentionner la couleur, la forme ou l’emplacement.
En faisant référence au texte mentionné sur le bouton, tous les visiteurs comprennent clairement de quel bouton il s’agit. Pour qu’il soit encore plus facile de retrouver rapidement le bouton, vous pouvez préciser également la couleur, la forme ou l’emplacement.
Evitez donc :
- ‘utilisez le bouton vert pour envoyer vos données’ (couleur)
- ‘utilisez le bouton rond pour envoyer vos données’ (forme)
- ‘utilisez le bouton en bas de la page pour envoyer vos données’ (emplacement)
Mais optez pour une solution comme :
- ‘utilisez le bouton vert, rond en bas de la page avec le texte « prêt » pour envoyer vos données’
Pour les rédacteurs
Quand il veut renvoyer à des éléments du formulaire, le rédacteur doit faire attention à ne pas utiliser que des caractéristiques sensorielles (couleur, forme, emplacement) dans les explications.
Pour les développeurs
Le concepteur et le développeur sont responsables de la présentation des formulaires et de la manière dont les erreurs sont indiquées.