Archive for the ‘accessibilité’ Category

Truc Accessibilité #3 – se séparer de la souris

7 août 2007

Afin de rendre vos pages accessibles aux non-voyants ainsi qu’à tous ceux qui ne peuvent utiliser une souris, n’oubliez pas de verifier que:

  • Chaque élément qui utilise un attribut de type onmouseover doit être surchargé d’un attribut onfocus, et leur evenement associé doit déclencher une action similaire.
  • Chaque élément qui utilise un attribut de type onmouseout doit être surchargé d’un attribut onblur, et leur evenement associé doit déclencher une action similaire.
Publicités

Truc d’accessibilité #2 – l’ordre de tabulation

6 août 2007

L’ordre de tabulation défini l’ordre apriori logique pour naviguer de lien en lien ou de champs en champs dans les formulaires HTML. On passe d’un champ à l’autre en appuyant sur la touche … TAB (on l’aura deviné).

Verifier que cet ordre est logique, grouper l’information lorsque c’est naturel et approprié afin d’éviter les erreurs d’encodage. Spécifier si nécessaire l’ordre de tabulation au sein des éléments avec l’attribut « tabindex« .

exemple: <input id= »prenom » tabindex= »1″ type= »text » />

Truc d’accessibilité #1 – les accesskey

1 août 2007

Afin de faciliter l’accès de vos pages, prenez l’habitude d’ajouter des raccourcis clavier via la commande « accesskey » qui permet l’accès direct à certaines fonctions du système.

De manière générique, implémentez les accesskey suivantes dans toutes vos pages web:

  • Accesskey ‘1’: contenu principal
  • Accesskey ‘2’: Recherche
  • Accesskey ‘3’: barre de navigation principale

A blind person using a screen reader must experience the links one after another, which is rather inconvenient. They’ve got better things to do.
— Joe Clark