Politique d'accessibilité
Découvrant avec stupéfaction que l'accessibilité est présentement l'enfant pauvre du design Web (et qu'en fait 99.9% des sites s'en fichent éperdument), j'ai pris la résolution, en ce début d'année 2003, de rendre ce site le plus accessible possible. Voici donc quelques "implémentations" faites ou en cours:
- Tests des pages dans des services de validation d'accessibilité (Bobby et T.A.W). Présentement, toutes les pages du site passent le validateur. Ça ne veut pas dire que tout est parfait. J'ai par exemple un sérieux doute sur les tableaux servant à décrire les mains des joueurs dans la section des donnes commentées. Pour améliorer la lisibilité, j'ai positionné les mains pour donner l'impression de leurs positions respectives à la table. En faisant ainsi, j'ai l'impression de faire du layout avec mes tableaux (sacrilège !).
- Ajout d'une feuille de style pour l'imprimante.
- Définitions de quelques raccourcis utiles
- Transformation des hyperliens Javascript pour les rendre accessibles. Certains liens de la
page d'accueil (des photos) ouvraient des fenêtres pop-up
via l'affreux
<a href="#" onclick="...">. Ces liens ont été modifiés de telle façon qu'ils fonctionnent maintenant même si Javascript est désactivé. Il est aussi possible de les ouvrir dans des onglets dans les navigateurs offrant cette possibilité. Pour avertir le visiteur qu'un hyperlien ouvre une nouvelle fenêtre, j'ai spécifié un stylecrosshairà l'attributcursorde ce type de lien. Le curseur se transformera donc en croix au survol de ces liens. - Utilisation de l'attribut
langpour dénoter les changements de langue du texte, pour aider par exemple un navigateur vocal à prononcer correctement les mots en langue autre que le français. - Utilisation de l'élément
acronympour marquer les acronymes. Internet Explorer ne sachant pas gérer l'élémentabbr, j'utilisais aussiacronympour marquer les abréviations. Note: je me suis ravisé et j'abandonne maintenant Internet Explorer à ses lacunes et j'utiliserai doncabbrlorsque justifié. - Utilisation de l'attribut
titlepour expliciter certains hyperliens, acronymes ou abréviations. - Utilisation des balises
linkpour faciliter la navigation dans les navigateurs textuels ou même graphiques (Mozilla et Opera 7 par exemple). - Utilisation de l'élément
labelpour expliciter les champs des formulaires. - Utilisation l'élément
fieldsetpour grouper logiquement et expliciter certains champs de formulaires, de même quetabindexpour faciliter la navigation dans certains formulaires.
Finalement, j'ai pris mon courage à deux mains en janvier 2004 et j'ai refait le menu de navigation en utilisant des balises plus respectueuses de la sémantique. Adieu les multiples DIVs imbriqués donc et bienvenue aux ULs (unordered list).
Raccourcis disponibles
Note: selon le système d'exploitation utilisé, la première touche des combinaisons d'accès peut varier. Sur Mac par exemple, il faut presser CMD (ou Pomme) .
Navigation générale
- ALT + 1
- Retour à la page d'accueil du site
- ALT + 2
- Page précédente, lorsqu'applicable. Par exemple, la section lexique contient 4 pages et il est donc possible de naviguer de l'une à l'autre à l'aide des raccourcis "page suivante" et "page précédente".
- ALT + 3
- Page suivante, lorsqu'applicable.
- ALT + 4
- Page de recherche du site
- ALT + 9
- Page des commentaires (feedback)
Raccourcis internes à chaque page
Boîte de recherche
- ALT + Q
- Mène à la boîte de recherche du site présente dans le menu de navigation
- ALT + K
- Permet de soumettre un terme de recherche
Boîte de sélection de style
- ALT + Y
- Mène à la boîte de sélection de feuilles de style présente dans le menu de navigation. "Up" et "Down" permettent de naviguer dans les différentes options de cette boîte.
- ALT + S
- Permet de soumettre la sélection choisie
Divers
- ALT + T
- Permet de remonter en haut de page
Bogues connus et autres particularités d'affichage
J'ai testé le site dans plusieurs navigateurs mais il est possible que certains problèmes m'aient échappés. Je recense ici quelques problèmes connus:
- Les styles ne fonctionnent pas dans Netscape 4.x: It's not a bug, it's by design. Faire une feuille de style compatible avec Netscape 4.x demande tout simplement trop de temps et nécessite en général de se limiter à des règles de style simples. Ce navigateur n'ayant plus une part de marché significative (plus ou moins 1%), j'ai donc désactivé l'application des styles dans ce navigateur, ainsi que dans IE4 (Mac et Win). Le site reste toutefois parfaitement utilisable.
- Menu de navigation invisible dans Netscape 6.2: j'ai réglé le problème en enlevant les
display: blocksur les élémentslabeldes formulaires.
Si vous découvrez d'autres problèmes, vous pouvez toujours m'écrire.
Modifié: 28/09/2008
