Démonstration d'un lecteur d'écran avec une page web (voir 1.3.7_demo_-_benefits_to_all_users_and_website_owners).
On peut régler la vitesse. (la personne change la vitesse puis relance la page en appuyant sur rafraîchir.
Le lecteur d'écran lit tout d'abord le titre de la page, qui apparaît dans l'onglet. C'est important qu'il soit clair, surtout si on a plusieurs onglets ouverts.
Ensuite, les différents titres de la page sont repris, c'est important d'avoir une bonne structure de document : elle est accessible d'un coup d'œil, elle doit aussi l'être par lecture vocale. Avec une page bien structurée, le lecteur d'écran permet cela.
Concernant les liens, le texte est aussi crucial : on ne veut pas de lien avec des textes comme « cliquez ici », « lire la suite ». Cela n'aide pas à saisir le contexte.
Quelques exemples : « lien souscrire à la formule illimitée «, « lien souscrire à la formule amis et famille »
On entend le mot « lien » avant, ce qui permet de savoir de quoi il s'agit.
Le texte alternatif est aussi important, et n'a pas besoin d'être très détaillé. Par exemple ici : « l'afrique et l'antarctique marqués d'une étoile sur la carte du monde » (Africa and Antarctica starred on world map).
Enfin, un lecteur d'écran peut indiquer le nombre d'éléments dans une liste. Cela est utile s'il y en a beaucoup, on peut les sauter.
Écoute d'une liste : « puce discussion en direct », « puce support de la base de données », « puce numéro de téléphone du service client (lundi-jeudi) », « fin de la liste »
Nous verrons plus tard comment créer du contenu plus robuste.
résumé
Démonstration d'un lecteur d'écran.
Importance :
- du titre de la page qui doit bien indiquer le contenu
- de la structure créée par les titres qui aide à saisir la structure de la page
- du texte des liens qui doit donner du contexte
- des textes alternatifs qui doivent être simples et efficaces
- des listes
questions
- quels sont les points importants pour les lecteurs d'écrans ? (5 points)
- le titre de la page (<title>) qui indique bien le contenu et le contexte (le site, si on a plusieurs onglets)
- les titres (<h1>-<h6>) doivent former une structure qui aide à comprendre celle de la page
- les liens (<a>) doivent contenir du texte donnant le contexte (pas de « cliquer ici » par exemple)
- les images porteuses d’information doivent présenter un texte alternatif (<img alt=“texte alternatif”/>) simple et efficace pouvant se substituer à l'image
- les listes doivent être utilisées (permet de connaître le nombre d'éléments, pour sauter la liste si très longue par exemple)