L’accessibilité des sites web est une choses dont on parle souvent, sans forcément avoir une idée très précise de la manière dont les mal-voyants utilisent les sites que nous concevons « pour le plus grand nombre ». Les enjeux sont importants car le web permet aux mal-voyants de communiquer, de s’informer et de gérer une partie de leur vie quotidienne. Cette série de vidéos proposée par Access-Key de l’Université Nice Sophia-Antipolis devrait fixer les idées sur des cas concrets, pour nous permettre d’améliorer la lisibilité et le décodage de nos sites web.
Ces 11 vidéos en libre-accès illustrent de manière pédagogique les recommandations du WAI :
- Utilisation des terminaux mobiles (iPhone, iPad, et plage braille mobile) — Christian, non-voyant, accède en toute liberté à l’information et à l’échange de données, sur un ordinateur portable, un smartphone, une tablette tactile grâce à une synthèse vocale ou une plage braille.
- La synthèse vocale — Jean nous présente l’utilisation d’un ordinateur au moyen d’un synthèse vocale.
- La plage Braille — Jean accède à son ordinateur au moyen d’une plage tactile braille.
- Les tableaux — Ce tutoriel explique comment rendre les tableaux plus accessibles.
- Des liens hypertextes compréhensibles — Isabelle utilise un logiciel de revue d’écran qui offre des possibilités de navigation grâce aux liens présents sur la page.
- Les alternatives textuelles aux images –Isabelle détaille ici les difficultés qu’elle rencontre lorsqu’il n’existe aucune alternative aux images.
- Déclarer la langue dans une page Web — Jean explique les désagréments causés lorsque les changements de langues ne sont pas indiqués.
- Des formulaires accessibles — Isabelle explique les difficultés rencontrés avec un formulaire non accessible.
- Des images liens accessibles — Jean fait une démonstration des problèmes liés aux images-liens pour une personne utilisant une aide technique pour naviguer.
- Le mobile web — Les standards du web ouvrent les portes d’un web accessible à tous.
- L’accessibilité du flash et des composants externes — Quels sont les points qui peuvent poser des problèmes lors de l’accès à une page qui propose une rubrique « actualités » accessible uniquement à travers une animation Flash ?
Merci pour cet article,
rendre un site accessible coûte cher, deux postes de dépenses sont à prévoir :
– la formation des équipes de développement
– une phase de recette spécifique
Malheureusement seules les administrations s’y mettent (parce qu’elles y sont contraintes).
Bonne journée
Bonjour,
J’ai une question concernant l’accessibilité des formulaires, dont je ne trouve pas de réponse :
Il est communément admis que le label d’un champs obligatoire est suffixé d’un « « .
Cependant, pour des raisons de traduction je ne peux pas mettre ce « » directement dans le label. Au lieu de cela, mon label possède une classe « required » et j’ajoute ce « * » par CSS grâce à l’attribut « content » et à la pseudo classe « :after ».
Exemple :
label.required:after { content: » * »; }
J’aimerais donc savoir si les logiciels de lecture d’écran sont capables de voir les contenus ajoutés en CSS.
En tous cas, merci pour cet article fort utile.
Bonne journée