L’accessiblité 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, généralement, 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éo 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 pour tous.
- L’accessibilité du flash et des composants externes — Quels sont les points qui peuvent poser problème lors de l’accès à une page qui proposent la rubrique actualités uniquement à travers une animation flash ?
Merci à la liste de diffusion Pompeurs !
Pompage et CSS débutant nous offrent une liste de discussion francophone pour créateurs de sites web.
Articles sur le même sujet
PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car Il n'y pas d'amour, il n'y a que des preuves d'amour
(Jean Cocteau) ;) Merci d'avance.
Afin de satisfaire le plus grand nombre, j'ai ajouté
un bouton Flattr parce que vous le valez bien ;)
[...] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } css4design.com (via @Pathien) – Today, 8:22 [...]
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
[...] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } css4design.com – Today, 10:19 [...]
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
[...] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } css.4design.tl – Today, 5:45 [...]