À propos de l'auteur
Bruce travaille sur l'accessibilité, les normes Web et les navigateurs depuis 2001. C'est pourquoi il a l'air si mauvais. Vous pouvez le suivre à l'adresse @brucel ou lire ses…
Pour en savoir plus sur Bruce …
Dans cet enregistrement du webinaire Smashing TV, rejoignez Léonie Watson (utilisatrice de lecteur d'écran aveugle) pour explorer le Web et découvrir certaines propriétés inattendues des éléments HTML. ont non seulement un impact considérable sur l’accessibilité, mais se révèlent également très bons pour la performance.
Il y a deux semaines, j'ai eu le plaisir d'animer un webinaire avec Smashing TV avec Léonie Watson sur le mode d'accès d'un utilisateur de lecteur d'écran au Web . Au cours de la conférence, Léonie a présenté des sites renommés, tels que la BBC, des sites proposés par les membres (y compris le mien!), Smashing Magazine lui-même et le service tiers type Typeform, car beaucoup d’entre nous (dont Smashing ) supposons simplement que l’accessibilité des services populaires a été vérifiée. Léonie a expliqué que le HTML du site l’a aidée (ou l’empêchait) de l’utiliser.
Nous avons pensé que le webinaire était si précieux que nous l’ouvririons pour le rendre gratuit pour tout le monde. Espérons que cela servira de ressource pour toute la communauté du développement Web afin de comprendre pourquoi – et pourquoi – le balisage sémantique est important.
Ce que nous avons appris
J'étais heureux que mon site personnel L'utilisation par des régions repères de HTML5 ( principale nav en-tête footer etc.) aida Léonie à former un mental modèle de la structure de la page. Bien que j'ai toujours été scrupuleux pour éviter le texte d'un lien du type "cliquez ici" parce que les directives du WCAG exigent que "le but de chaque lien puisse être déterminé à partir du texte du lien uniquement", cela ne m'était pas venu à l'esprit auparavant parce que j'ai des centaines d'articles hebdomadaires sur la «liste de lecture», il est impossible pour un utilisateur de lecteur d'écran de se distinguer l'un de l'autre lorsqu'il navigue par en-tête. Depuis le webinaire, j'ai rendu unique l'en-tête de chaque nouvelle liste de lecture en incluant son numéro dans l'en-tête («Liste de lecture 222»).
Nous avons également appris qu'être techniquement accessible, c'est bien, mais encore mieux être . ] facilement accessible. L’équipe Smashing a appris qu’avant que Léonie puisse lire son propre article sur notre site, de nombreux préambules (biographie de l’auteur, formulaire d’enregistrement par courrier électronique) ne pouvaient pas être ignorés. Nous corrigeons cela pour le moment. Il y a aussi un problème avec nos résumés rapides; Léonie n'obtient aucune indication lorsque le résumé est terminé et que l'article proprement dit a commencé.
Après le webinaire, Léonie a suggéré d'utiliser un élément HTML sémantique et une pincée d'ARIA:
Ceci est annoncé comme "début de région récapitulatif". et «Summary region end», et vous pouvez les ignorer si vous le souhaitez.
Merci!
Nous voudrions remercier Léonie d’avoir donné le webinaire, ainsi que les magnifiques membres de Smashing Magazine, dont le soutien nous permet de contentez-vous, payez nos contributeurs équitablement et réduisez la publicité sur le site.
Bouchon sans scrupule: si vous appréciez ce webinaire, pourquoi ne pas envisager de devenir vous-même un membre ? Il y a environ trois webinaires par mois gratuits, Smashing eBooks et réductions à gogo. Il commence à 5 dollars par mois et vous pouvez annuler à tout moment.
(ra, il)