Remarque : Cette vidéo a été tournée durant une conférence destinée à des développeurs. Elle est donc remplie de jargon, de références à des concepts que les développeurs manipulent tous les jours et même des blagues de geeks. Le texte en dessous de la vidéo vous décrit les points de contrôle abordés dans la vidéo.
Estimer l’accessibilité d’un site
Images et leurs alternatives textuelles
Vérification que les images ont une alternative textuelle correctement renseignée.
Avec la Webdev ToolBar : affichage des attributs alt :
- Images contenant du texte
- Images servant de lien
Avec FireBug : vérification quand c’est une image lien qu’elle ne s’ouvre pas dans une nouvelle fenêtre sans que l’alternative textuelle ne le précise.
Multimédia
Vidéo : est-ce que le Flash a une alternative, qu’il n’est pas en mode opaque, qu’il y a des sous-titrages, une audio description, et restitution sonore des éléments textuels de l’image.
Structuration du contenu textuel de la page
- Titres de la page : hiérarchisation correcte et adéquation avec la présentation et l’organisation du contenu.
- Paragraphes réels (pas des div)
- Listes à puces réelles
Navigation au clavier
- Pouvoir voir où je suis dans la page (visibilité du focus)
- Présence de liens d’accès rapides
- Vérification qu’il n’y a pas de perte d’information si les menus ne se déroulent pas
- Navigation possible dans les éléments multimédias (Flash)
Remplissage des formulaires
- Étiquettes associées aux champs : cliquables et donnant le focus aux champs
- Champs obligatoires indiqués de manière explicite (une étoile n’est pas suffisante)
- Erreurs indiquées de manière explicite et informative.
Et maintenant, que faire ?
- Vous former : Plan de cours : Accessibilité & CMS SPIP
- Refondre votre site : Refonte d’un site suite à la fermeture des sites Voila.fr
- Faire estimer l’accessibilité de votre site : Audit accessibilité de votre site (à distance)