Conception de pages Web accessibles :
Rendre les LISTES À PUCES et les LISTES NUMÉROTÉES accessibles.

Cas où l’utilisation de puces graphiques est DÉCONSEILLÉE :

La puce au début de cette ligne est superflue. Elle n’ajoute en rien au contenu du document; il n’y a donc pas lieu de la décrire à l’aide de l’élément ALT= de la balise IMG. (J’entends déjà quelqu’un me dire que ma puce EST essentielle à mon document puisque j’en fais mention, mais ne fendons pas les cheveux en quatre.) En d’autres mots, il n’y a aucune raison conceptuelle de placer une puce ou un graphique devant chaque ligne ou paragraphe s’il n’y a pas de liste. Si vous vous voyez obligé d'utiliser la puce graphique, utilisez un blanc entre deux guillemets, par ex. ALT=" ", et non du text descriptif (par ex. ALT="Puce").

Cas où l’utilisation de puces graphiques est RECOMMANDÉE :

Les puces sont parfois utilisées avec raison par l’auteur pour mettre en évidence ou distinguer une série de points ou de concepts. Les listes numérotées sont encore plus importantes lorsqu’on veut définir une série d’étapes distinctes mais nécessaires, par exemple dans un groupe d’instructions.

Voici un cas où l’utilisation de puces graphiques pourrait même être préférable à l’utilisation des balises <UL> et <LI> pour définir et afficher des listes à puces. Par défaut, les lecteurs sonores d’écran n’interprètent pas les puces générées par le HTML. Une personne atteinte d’une déficience visuelle n’aurait donc aucune indication que les lignes sont en fait distinctes. Ce problème survient seulement avec les fureteurs graphiques. En effet, le fureteur en mode texte Lynx interprète les puces comme s’il s’agissait d’astérisques (sur notre système) et le lecteur sonore d’écran les énonce comme tels.

Les balises <UL>, <LI> et </UL> :

Voici un exemple d’utilisation des balises de liste non numérotées <UL> :

Pomme;
Banane;
Cerise.

En utilisant un lecteur sonore d’écran (comme Artic WinVision 2.0) en mode normal de lecture, vous entendriez : Pomme. Banane. Cerise. Toutefois, si vous demandez au lecteur sonore d’écran d’épeler la ligne, il interprétera la puce et dira : POINT P, O, M, M, E, POINT-VIRGULE, etc. Notre afficheur braille regénérable interprète toujours la puce comme un point.

Voici le même exemple avec des puces graphiques et du texte ALT :

En désactivant les graphiques (ou en utilisant le fureteur texte Lynx), vous entendriez << Pomme; Banane; Cerise.>> avec un lecteur sonore d’écran.

Les balises <OL>, <LI> et </OL> :

Exemple de liste numérotée créée avec la balise <OL> :

Appuyez sur F4.
Entrez le code d’utilisateur.
Entrez le mot de passe.

Le lecteur sonore d’écran que nous avons utilisé a bien interprété la liste numérotée. En lisant l’exemple ci-dessus, vous devriez entendre : Un : Appuyez sur F4. Deux : Entrez le code d’utilisateur. Trois : Entrez le mot de passe. L’exemple est aussi interprété correctement par notre afficheur braille régénérable.