Fangs outil de simulation d'un lecteur d'écran

(Inspiré de la traduction de l'aide de Fangs)

Permet à la fois de se rendre compte de ce que perçoit l'internaute qui utilise un lecteur d'écran et de comprendre l'importance de la structuration des pages web.

1) L'onglet « Screen reader output »

Donne une représentation linéaire de la page web (telle qu'elle se présente dans le code HTML) : lecture depuis le coin haut gauche jusqu'au coin bas droite)

Les titres <hn> sont sur fond bleu. Les autres indications ont un fond gris. Indications utiles pour les webdesigners, mais bien noter que la voix du lecteur d'écran ne fait pas de différence entre ces indications de structure et le contenu.

Observer :

- Les tableaux : importance des indications de structure ("Table with four columns and five rows. Table with two columns and four rows. Table with three columns and two rows...")

=> d'où l'intérêt de n'utiliser les tableaux que pour des données tabulaires et non pas pour la maquette de la page.

- Les longues sections de texte, y compris les listes de liens sans séparation.
=> créer des respirations (titres, listes pour les liens), écrire des phrases courtes et soigner la ponctuation

Imaginez les fautes d'orthographe (ou des jeux avec les car du type Spe@ker, le mag... (site radio France)) lus par une voix de synthèse !!!

2) L'onglet « Headings list »

Il affiche la liste de tous les titres de la page dans l'ordre (le chiffre indique le niveau du titre). Cette liste est aussi disponible dans Jaws et donne une vue d'ensemble du contenu de la page. Il est aussi possible dans Jaws de trier le titres alphabeticalement ou de filtre les niveaux).

=> raccourcis clavier de Jaws voir http://www.accessibiliteweb.com/en-savoir-plus/jaws.htm

Observer :

- Si liste vide : impossible se connaître le contenu sans lire toute la page
- Formulation des titres : sont-ils comprehensibles, reflètent-t-ils bien le contenu des § ?
- Y a-t-il des trous (par ex. saut de 1 à 3), qui peuvent donner à l'internaute l'impression qu'il a manqué quelque chose.

3) L'onglet « Links list »

L'écoute de la liste des liens donne un autre point de vue sur la page et le site.

Les touches de raccourci pour les liens spécifiés (accesskeys) sont également présentées dans la liste.

=>e pas oublier que aveugle ne dispose que du clavier pour naviguer, pas de la souris

Pour les utilisateurs de lecteurs d'écran cette liste est très utile pour naviguer dans les pages, surtout si elles sont longues et complexes sans avoir besoin de tout écouter et de revenir ensuite en arrière.

Observer :
- le nombre de liens et s'il en manque (comparer avec la page graphique).
- Leur libellé (que faire avec une série de "lire la suite" ?