100 points à savoir sur…
Accessibilité numérique

Vous trouverez ici quelques principes et conseils de conception que vous pouvez suivre comme directives générales pour créer des sites Web accessibles aux utilisateurs malvoyants :

1. Conception simple et épurée

Surcharger les utilisateurs malvoyants avec des mises en page complexes peut les déconcerter quant au contenu d'une page et entraver l'efficacité de leurs outils d'assistance. Voici quelques conseils pratiques que vous pouvez appliquer :

• Limitez votre choix de couleurs et d'images - il y a de la beauté dans la simplicité ! (Note annexe : cela s'inscrit parfaitement dans la dimension écologique du projet).
• Veillez à ce que vos éléments multimédias ne se superposent pas à d'autres éléments de conception et de contenu.
• Évitez les pop-ups et les publicités
• Utilisez des polices simples, telles que les polices standard sans empattement que l'on trouve sur les appareils. La simplicité implique également de s'en tenir à une taille de police par défaut : 14 pt pour le corps du texte et 18 pt pour les textes plus longs. Pour plus d'informations sur la façon de créer un texte accessible, vous pouvez suivre les conseils de lisibilité figurant dans la Leçon 5 : Notion 32.

2. Soyez malin avec les couleurs

Étant donné que les personnes souffrant d'un handicap visuel peuvent souffrir de basse vision, de vision déformée, de daltonisme et d'autres difficultés, les couleurs utilisées pour présenter votre projet numérique sont importantes. Voici quelques éléments à prendre en compte :

• Le design doit présenter un contraste élevé des couleurs afin que les différents éléments puissent être identifiés et distingués. Il existe plusieurs outils sur le Web que vous pouvez utiliser pour déterminer si le contraste des couleurs que vous avez utilisé est suffisant. Pour obtenir une liste de ces outils et de leurs fonctionnalités, reportez-vous à la Leçon 13 : Notion 91 de ce module.
• N'associez pas de texte à des fonds à motifs ou complexes, car il ne sera pas lisible.
• Soyez attentif à la façon dont les utilisateurs daltoniens perçoivent vos combinaisons de couleurs. Un conseil courant est d'éviter d'associer le rouge au vert et le vert au bleu, mais si vous souhaitez en savoir plus sur les palettes de couleurs accessibles et inaccessibles, consultez ce lien : https://davidmathlogic.com/colorblind/#%23D81B60-%231E88E5-%23FFC107-%23004D40.
• Ne vous fiez pas uniquement à la couleur pour que les utilisateurs comprennent les informations. Par exemple, au lieu d'indiquer aux utilisateurs qu'ils doivent cliquer sur le bouton vert pour remplir un formulaire, intitulez le bouton vert "Soumettre" et demandez-leur de cliquer sur "Soumettre" lorsque vous aurez rempli le formulaire : Cliquez sur Soumettre lorsque vous avez rempli le formulaire.

3. Rendez votre contenu adaptable

Il peut sembler difficile de créer un design qui puisse répondre aux besoins de tous les utilisateurs, mais une bonne pratique serait de leur laisser la liberté de choisir d'adapter certains contenus à leurs besoins. En voici quelques exemples :

• Inclure des descriptions audio pour les textes et les vidéos en tant que support supplémentaire que les utilisateurs peuvent activer.
• Permettez aux utilisateurs d'ajuster la taille de la police et les options de couleur de votre mise en page à leur convenance.