Bonnes pratiques pour l'accessibilité du Web
L'accent mis sur l'accessibilité du web permet aux personnes handicapées d'accéder au web de manière plus égale. Nous apprenons et mettons en œuvre en permanence de nouvelles techniques pour faire en sorte que l'accessibilité soit au premier plan de notre travail.
Nous aimons penser à quatre piliers principaux qui nous aident à réaliser des conceptions accessibles : la couleur, le flux de contenu, les médias et la structure.
Couleur
- Choisissez des couleurs qui permettent de distinguer les différents niveaux de daltonisme.
- Utilisez un testeur de daltonisme en ligne comme Starkou Coblis
- Assurer un contraste adéquat entre le texte et les couleurs d'arrière-plan
- Rapport de contraste de 4,5:1 pour le texte standard, 3:1 pour le texte de grande taille et les graphiques tels que les icônes.
- Utilisez des superpositions sombres lorsque vous affichez du texte sur des images ou des vidéos.
- Utilisez un vérificateur de contraste en ligne tel que WebAIM
- Utilisez la couleur et les soulignements pour les liens au lieu de vous fier uniquement à la couleur.
- Indiquer les effets de survol des boutons par des changements de taille ou des mouvements
Flux de contenu
- Le texte doit être significatif et aussi concis que possible.
- Aligner le texte à gauche lorsqu'il comporte plus de deux phrases
- N'utiliser les majuscules que lorsque la grammaire le permet.
- Utiliser de manière cohérente des mises en page simples et faciles à comprendre
- Utilisez une hiérarchie logique de flux de types : H3 circule sous H2, H2 circule sous H1
- Chaque page ne doit comporter qu'un seul titre H1.
- Utiliser une taille de texte minimale de 16 px
- La navigation secondaire (par exemple, les liens de saut ou les liens d'ancrage sur la page) aide les gens à comprendre le contenu de la page.
- Le cas échéant, afficher le contenu en utilisant des formats multiples tels que du texte, des listes, des vidéos et des images.
- Les étiquettes des boutons et des liens doivent être aussi claires et précises que possible quant à la destination. Par exemple, "Voir comment ça marche" au lieu de "En savoir plus".
Les médias
- Si vous affichez une vidéo, veillez à ce qu'elle soit sous-titrée.
- Les transcriptions peuvent rendre les vidéos et les fichiers audio encore plus accessibles
- Redimensionner et optimiser les images
- Éviter d'incorporer du texte dans les images
- Veillez à ajouter jusqu'à 30 mots de texte alternatif (alt) à toutes les images, icônes et graphiques qui nécessitent une description.
- Les images décoratives n'ont pas besoin de description mais elles ont toujours besoin d'une valeur "alt" vide.
Structure
- Tenez compte de votre public pour développer un contenu qui réponde à ses besoins sur les appareils qu'il utilise.
- Pensez à utiliser les vidéos ou les images avec plus de parcimonie pour les publics qui disposent d'une vitesse d'accès à l'internet plus faible.
- Examinez si les gens utilisent les données plutôt que l'internet à domicile.
- Veillez à ce que votre site Web soit conforme à la loi AODA et réponde aux besoins des principaux appareils et navigateurs.
- Veiller à ce que les médias et les vidéos soient optimisés pour les bandes passantes faibles
- Assurez-vous que votre menu peut être parcouru à l'aide d'un clavier.
- Assurez-vous que les boutons et les appels à sont tous sélectionnables à l'aide du clavier.
- Afficher des liens vers des pages clés ou essentielles dans le pied de page
- Veiller à ce que tous les éléments visuels pertinents soient accompagnés d'étiquettes descriptives et/ou de descriptions textuelles appropriées.
Il s'agit d'une courte liste de quelques premières étapes importantes à franchir lorsque l'on s'engage sur la voie de l'accessibilité. N'oubliez pas que les normes et les techniques évoluent et sont améliorées en permanence. Il est donc important de se tenir au courant des initiatives et des directives gouvernementales.
