Avant tout, je précise ne pas être non-voyant à temps complet, si je puis dire : je peux naviguer en mode visuel à certains moments, et je ne dépends du seul lecteur d'écran que temporairement. Un non-voyant "complet" aurait peut-être une autre approche. Un mal-voyant utilisant un dispositif d'agrandissement en aura une autre. Un handicapé moteur encore une autre. Une personne souffrant de troubles de la mémoire ou de la concentration en aura encore une autre... J'oublie les daltoniens, et tous les autres... Trouver les dénominateurs communs entre ces besoins différents et parfois antagonistes peut être très difficile. Et chaque "regard" d'utilisateur handicapé sera partiel.
La description physique (graphique en fait) du site est donc explicite pour moi ("bandeau", etc.). Mais elle pourrait, AMHA, être simplifiée pour ne décrire que la
structure et non la disposition. Quelque-chose comme :
a écrit :
Chaque page de ce site est organisée en 4 parties, toujours dans cet ordre :
- le menu d'accessibilité (lien vers le menu et vers le contenu - lien email et lien plan de site)
- le logo (lien vers l'accueil du site)
- le contenu de la page
- le menu de navigation du site
L'important, ici, pour moi, ce n'est pas d'avoir une idée de l'organisatiion visuelle, mais plutôt de savoir qu'il y a 4 blocs logiques, ayant chacun une fonction, et ne changeant jamais d'ordre. J'ai retenu ici l'ordre "linéaire" de la page telle qu'elle est lue par mon lecteur d'écran. Mais ce n'est pas forcément le seul pertinent. Pour un site à la structure plus complexe, un résumé de la structure visuelle serait utile pour les personnes ayant un handicap cognitifs, ou, plus encore, pour celles utilisant un dispositif d'agrandissement et ne voyant donc qu'une toute petite fenêtre sur la page, avec un scroll pour la faire glisser. Je me souviens de quelqu'un qui avait ce type de handicap, et qui utilisait Opera : grâce au zoom particulier de ce navigateur, il pouvait aborder chaque site nouveau pour lui en se faisant d'abord une idée globale de la page, puis il zommait/scrollait sur ce qu'il voulait lire.
Cela dit, on voit vite les limites de cette idée, excellente pour un site simple comme celui-ci, mais illusoire quand la mise en page atteint des sommets de "fouillis" et de "trop-plein" comme sur le nouveau site du Monde, par exemple. De telles pages resteront, je crois, toujours incompréhensibles, et ne peuvent devenir accessibles qu'à travers une version spécifique du type "texte" (quoique ce ne soit pas les images qui soient problématiques. Mais les versions textes sont en générales plus simples de contenu que les versions "normales"). Une page d'accueil comme celle des éditions Eyrolles, par exemple, pourtant par ailleurs remarquablement bien conçue, reste très difficile à appréhender. De même, la page d'accueil d'OpenWeb me semble de moins en moins satisfaisante de ce point de vue.
Tu remarqueras, dans la description du menu d'accessibilité, la disparition du lien "Accueil" et l'apparition d'un lien vers un éventuel plan de site (dans la mesure où le contenu du site prendrait de l'ampleur) :
- le lien "accueil" est déjà présent en début de page sous le logo. Le texte alternatif de ce lien ne convient cependant pas :
<h1>
<a id="banniere" href="accueil1.html" tabindex="115" title="accés à la page d'accueil">
<img id="logo_ban" src="images/ban_joker.jpg" alt="logo Centre Animation (animations artistiques et commerciales) et lien vers page d'accueil" />
</a>
</h1>
Le title du lien <a ne sera en effet pas lu par défaut (personnellement, je n'active plus la lecture des titles). Et le alt de l'image est inutilement long : la seule information pertinente pour l'accessibilité est le mot "accueil". Comme le nom du site est par ailleurs une information pertinente pour d'autres raisons (indexabilité...), je proposerais :
<h1>
<a id="banniere" href="accueil1.html" tabindex="115">
<img id="logo_ban" src="images/ban_joker.jpg" alt="Accueil Centre Animation artistiques et commerciales" />
</a>
</h1>
(<edit> suppression du title du lien</edit>)
Le terme-clé pour l'accessibilité est en début de alt, ce qui facilite l'activation du lien pendant que le reste est lu, et qui rend également la consultation plus pratique avec une tablette braille. Cela aidera aussi les personnes ayant des handicaps cognitifs. D'une manière générale, c'est une pratique recommandée pour toutes les informations d'accessibilité (texte brut, alt, title, label...)
- Avec cette modification, le bandeau-lien vers l'accueil est assez explicite pour rendre inutile le lien accueil du menu d'accessibilité (sans compter qu'on retrouve ce lien accueil dans le menu du site). On peut alors le remplacer par un lien vers un
plan de site (à moins qu'il n'y ait que les 5 ou 6 pages annoncées par le menu). Eventuellement, un lien vers une page de formulaire de recherche interne au site.
Pour revenir aux "blocs logiques" composant la page, et à la navigabilité dans celle-ci : les 2 liens d'accès direct dans le menu d'accessibilité sont très bien. Le lien "L.E." est en revanche problématique. Je comprends l'intention (bonne), mais :
- il faut éviter les intitulés "exotiques" qui nécessitent une démarche d'élucidation supplémentaire, surtout dans le cas d'une abréviation (non signalée ici. Mais de toutes façons, le title des abréviation n'est pas rendu par tous les dispositifs d'aide - ma version d'IBM HPR ne les lit pas, par exemple). Un intitulé du type "Aller au..." est plus simple et plus efficace.
- le title de ce lien est trop compliqué :
<a id="contenu_select" href="#menu_contenu" title="tab = accès 1er lien du contenu et entrée = accés au 1er menu du contenu" tabindex="116">[L.E]</a>
Trop d'information tue l'information : il est inutile d'indiquer ce qui se passe pour la tabulation. D'une part, quand on navigue au clavier, on s'attend à un certain comportement de la tabulation. A la rigueur, si ta page modifiait ce comportement par défaut prévisible, ce serait utile de le préciser. D'autre part, la formulation est peu claire.
Enfin, l'utilité même de ce lien me semble douteuse : en page d'accueil, un accès direct à la première liste de liens du contenu n'est guère utile, vu :
- la brièveté de ce contenu,
- le fait que cette liste de lien prend tout son sens après lecture de ce qui la précède.
En outre, le mot "menu" dans "Accès au premier menu du contenu" donne à penser qu'en fait, le site comporte deux menus ? Un menu ? Quoi au juste ? C'est confusant. Encore plus quand "accès au premier lien" mène en fait au lien "haut de page", comme dans la page "Animation artistique".
En revanche, quand ce lien conduit en bas de page, comme dans la page d'accessibilité... je n'en aurais pas l'utilité pour accéder au lien haut de page, puisque je n'utilise pas celui-ci (mais plutôt les racourcis de mon lecteur pour revenir en début de page). Mais il est vrai qu'il permet d'aller voir rapidement en fin de page s'il y a, comme on s'y attend, des mentions légales... Finalement, je crois que tu pourrais mettre ce lien d'accès au bas de page sur chaque page du site (plutôt qu'un lien vers le premier menu du contenu comme en page d'accueil).
Pour conclure sur ce lien, AMHA :
- un intitulé plus simple et plus explicite
Aller au pied de page
- pas de title parlant de ce qui se passe avec la tabulation.
- attention à ne pas trop préjuger du comportement de l'utilisateur handicapé (en voulant bien faire) : chacun a ses applications, sa façon de l'utiliser, ses préférences, etc. C'est une chose qui me gêne toujours avec les pages où l'auteur multiplie les systèmes de navigation interne à base de tabindex, de liens d'évitement et d'accès direct : un tel système trop développé, trop complexe, trop particulier à un site donné, etc. est plus une gêne qu'autre chose, car j'ai de toutes façons mes propres stratégies et mes propres outils de navigation dans le contenu. Plutôt que de devoir "apprendre" un système de navigation propre à un site, je préfère que celui-ci soit tout simplement prévisible, c'est à dire similaire à ce que je rencontre généralement.
En effet, une chose très importante : la tabulation et les liens d'évitement ou d'accès direct sont loin d'être le seul mécanisme utilisable par un non-voyant. Selon les lecteurs ou les navigateurs, on peut le plus souvent :
- naviguer de bloc en bloc, d'élément HTML en élément HTML
- naviguer de tableau en tableau
- naviguer de titre en titre.
Pour ma part, la navigation par les titres est franchement le mode le plus utile et celui que j'utilise systématiquement, y compris pour aller chercher un lien que je sais être à un endroit précis, ou pour explorer une nouvelle page. Mais cela ne marche que si chaque grand bloc de la page commence par un titre.
C'est pourquoi l'ajout d'un titre sur ton menu de navigation serait très appréciable !
On a beaucoup parlé du problème des niveaux de titre ici et là. Pour les utilisateurs de Jaws (versions récentes), il est effectivement important que la succession des titres respecte une hiérarchie stricte, car Jaws refusera de passer d'un titre à un autre si un niveau a été sauté entre eux. Pour moi, dans IBM HR, c'est moins gênant, mais le respect d'une hiérarchie stricte de titres aide à comprendre la structure de la page. Par exemple, je m'attends à trouver un <h2> sur chaque bloc principal, et des <h3> dans les sections éventuelles de ceux-ci.
Ces titres sont également essentiels face aux handicaps cognitifs, puisqu'ils permettent d'extraire une table des matière de la page, qui sert de premier étape d'accès au contenu, et par la suite de rappel permanent de la structure.
En tous cas, ici, un <h2> en début de menu serait tout indiqué.
Je sais que mon post est interminable... mais continuons tout de même
:
l'organisation de la page "Politique d'accessibilité" : l'ordre des sections me semble à revoir. La priorité serait, AMHA :
1. les accesskeys
2. la taille d'affichage
3. la structure des pages
4. le blabla d'Introduction, sans aucun intérêt pratique pour le non-voyant.
On confond souvent deux choses, dans les pages de politique d'accessibilité :
- les informations "utiles", correspondant à une page "Aide à l'accessibilité"
- le blabla général et les déclarations de bonnes intentions, correspondant à une page différente en fait.
Faire deux pages différentes n'est pas toujours souhaitable (ne serait-ce que parce qu'on rajoute ainsi un lien dans les menus). Mais ces deux parties doivent être, AMHA, bien séparées quand elles sont sur la même page, et bien hiérarchisée : les infos pratiques d'abord.
Un dernier détail : les textes alternatifs des images (sauf le bandeau de titre mentionné ci-dessus) sont très bien choisis.
Pour conclure, je reviens sur une chos que j'avais déjà mentioné, je crois, à propos de ce site : ce qui facilite considérablement l'accessibilité, c'est un contenu très ciblé, réduit, précis. Ici, c'est tout à fait le cas : des pages brèves, claires, agréables. Le problème est tout autre avec les "pages usines à gaz" du type Libération ou Le Monde, ou certains portails, ou trop de sites...
<edit> J'oubliais : plutôt que l'étude du CAMO sur les lecteurs d'écran, qui commence à dater, Gez Lemon tient à peu près à jour une excellente page sur les fonctionnalités des lecteurs d'écran (en cours de traduction en français, d'ailleurs) :
http://juicystudio.com/assistivedeviceschart.asp
Voilà, voilà...En espérant que tout ce verbiage soit à peu près clair et soit utile
<re-edit title="last" time="08.34">
Bon, j'arrête enfin d'éditer ce post-fleuve et d'y ajouter de nouvelles choses
Modifié par Laurent Denis (25 Mar 2005 - 09:37)