Le Web Standards Group vient de publier une interview en dix questions de Joe Clark, monsieur "Building Accessible Websites". Point de vue style, c'est bien du Joe Clark: on aime ou on n'aime pas, moi j'adore !

Les points traités sont assez classiques (liens "en savoir plus", les titles, les alts, les liens "accéder au contenu"...) mais l'éclairage de Joe est très intéressants.

Il soulève d'ailleur un point pas forcément trivial: l'ordre du code source et l'ordre de présentation de la navigation et du contenu, la question étant lequel placer en premier ? Si on regarde bien les critères d'accessibilité, on constate vite que le designer est bien accompagné: seuls deux cas ressortent.

Navigation à gauche et contenu à droite

Partons du principe que ceci est l'objectif à atteindre. Nous sommes dans un système de lecture "gauche vers la droite", donc la navigation se trouve avant le contenu. Ici, la seule solution possible consiste à:

  • placer d'abord des liens d'évitement tout en haut de la page (accéder au contenu), critère 12.4
  • placer ensuite la navigation
  • pour finir par la zone de contenu.

J'entend l'assistance me sussurer qu'avec le positionnement CSS, on peut déplacer un bloc par rapport à son ordre dans le source, et donc il serait possible de placer le contenu en premier, en s'affranchissant ainsi des liens d'évitement.

Certes. A ceci près que lorsque les CSS sont désactivées, on perd de fait cet ordre, et on invalide aussitôt le critère 10.3 Avec les feuilles de style désactivées, l'ordre d'apparition de l'information est-il respecté par rapport à l'ordre d'apparition initialement défini ?. On ne peut donc pas utiliser cette technique CSS dans ce cas.

Contenu à gauche et navigation à droite

Nous sommes ici dans la situation symétrique, toujours en lecture gauche vers la droite:

  • placer d'abord les liens d'évitements (accéder au menu, accéder au contenu, accéder à la recherche)
  • placer ensuite la zone de contenu
  • terminer par la barre de navigation

Objection du public: si le contenu est en premier, pourquoi ajouter des liens d'évitement ?

Effectivement, le lien accéder au contenu sera peu utilisé dans ce cas. Cependant, il ne faut pas oublier que les liens d'évitement ont une autre fontion: celle de l'orientation dans la page. Si jamais nous sommes "perdus" au milieu de la page, il est toujours possible de retourner en haut de page, et d'utiliser un lien d'évitement, afin de nous orienter précisément dans la page.

Voilà, je peux payer un café à Joe pour m'avoir donné l'occasion d'aborder ce point :)