Bonjour à tous !
Je travaille avec un institut d'aveugles pour améliorer la navigabilité du site suivant:
http://www.unesco.org/culture/ich/index.php?pg=home
Les liens d'évitement, les raccourcis, etc. sont appréciés (merci à Alsacreation pour nous avoir aidé à monter le site, et pour les excellents tutoriaux). Mais ils me posent un dilemme concernant toutes les listes-menus (onglets tout en haut, langues ou encore menu de gauche): avec JAWS, les balises "UL" ou "H" sont bruyantes (JAWS dit qqch comme "liste..." ou "titre") ce qui est très pénible, en particulier quand on avance dans l'arborescence du site et qu'elles sont imbriquées, par exemple ici:
http://www.unesco.org/culture/ich/index.php?pg=00052 (cf. menu à gauche)
Le menu à gauche est constitué de balises H (niveau 1 du menu) qui séparent des listes (niveau 2), qui elles-même comportent parfois des sous-listes (niveau 3). C'est lourd, surtout si on doit "entendre" toute la structure... :
<h>Element 1 du menu</h>
<ul>
<li>Element 1.1</li>
<li>Element 1.2</li>
<li>
<ul>
<li>Element 1.2.1</li>
<li>Element 1.2.2</li>
</ul>
</li>
<ul>
<h>Element 2 du menu</h>
<ul>
...
Mes interrogations sur les listes :
1- À votre avis, dois-je maintenir les listes pour les secteurs (onglets tout en haut), pour la petite barre d'outils (imprimer, contact, raccourci+d'autres à venir) et pour les langues ou bien utiliser des "span display:block"?
2- Que puis-je faire pour améliorer la navigabilité dans le menu de droite, notamment le rendre moins bruyant?
3- Un corolaire à la question 2: si je supprime les listes imbriquées, comment un visiteur non voyant saura-t-il qu'il est dans une sous partie (ex. 1.2.1) et non pas dans la partie d'après (ex. 1.3)?
Une autre question : quand l'utilisateur navigue en espagnol ou quand il est dans une partie du menu, le mot "español" dans le choix de la langue apparaît en gras, tout comme les éléments du menu concernés pour signaler "vous y êtes". Comment indiquer à l'utilisateur non-voyant qu'il est bien sur la version "espagnol", et qu'il est bien dans la partie 1., sous-partie 1.1 ?
Une petite pour la route : le site est trilingue. Dans les liens de contournement "accessibility", devrais-je insérer un lien de contournement "changer de langue/change language/cambiar de idioma" pour que les utilisateurs puissent aller directement vers le menu "langues" ?
Merci de vos précieuses lumières, et à bientôt,
Hugues
Je travaille avec un institut d'aveugles pour améliorer la navigabilité du site suivant:
http://www.unesco.org/culture/ich/index.php?pg=home
Les liens d'évitement, les raccourcis, etc. sont appréciés (merci à Alsacreation pour nous avoir aidé à monter le site, et pour les excellents tutoriaux). Mais ils me posent un dilemme concernant toutes les listes-menus (onglets tout en haut, langues ou encore menu de gauche): avec JAWS, les balises "UL" ou "H" sont bruyantes (JAWS dit qqch comme "liste..." ou "titre") ce qui est très pénible, en particulier quand on avance dans l'arborescence du site et qu'elles sont imbriquées, par exemple ici:
http://www.unesco.org/culture/ich/index.php?pg=00052 (cf. menu à gauche)
Le menu à gauche est constitué de balises H (niveau 1 du menu) qui séparent des listes (niveau 2), qui elles-même comportent parfois des sous-listes (niveau 3). C'est lourd, surtout si on doit "entendre" toute la structure... :
<h>Element 1 du menu</h>
<ul>
<li>Element 1.1</li>
<li>Element 1.2</li>
<li>
<ul>
<li>Element 1.2.1</li>
<li>Element 1.2.2</li>
</ul>
</li>
<ul>
<h>Element 2 du menu</h>
<ul>
...
Mes interrogations sur les listes :
1- À votre avis, dois-je maintenir les listes pour les secteurs (onglets tout en haut), pour la petite barre d'outils (imprimer, contact, raccourci+d'autres à venir) et pour les langues ou bien utiliser des "span display:block"?
2- Que puis-je faire pour améliorer la navigabilité dans le menu de droite, notamment le rendre moins bruyant?
3- Un corolaire à la question 2: si je supprime les listes imbriquées, comment un visiteur non voyant saura-t-il qu'il est dans une sous partie (ex. 1.2.1) et non pas dans la partie d'après (ex. 1.3)?
Une autre question : quand l'utilisateur navigue en espagnol ou quand il est dans une partie du menu, le mot "español" dans le choix de la langue apparaît en gras, tout comme les éléments du menu concernés pour signaler "vous y êtes". Comment indiquer à l'utilisateur non-voyant qu'il est bien sur la version "espagnol", et qu'il est bien dans la partie 1., sous-partie 1.1 ?
Une petite pour la route : le site est trilingue. Dans les liens de contournement "accessibility", devrais-je insérer un lien de contournement "changer de langue/change language/cambiar de idioma" pour que les utilisateurs puissent aller directement vers le menu "langues" ?
Merci de vos précieuses lumières, et à bientôt,
Hugues