Accueil > Accessibilité > HTML et accessibilité
HTML et accessibilité
Un code HTML bien écrit est la base d’un site accessible. Certains éléments HTML sont sémantiques et ont une importance capitale, d’autres n’ont aucun signification particulière. Certains attributs HTML ont un impact pour l’accessibilité, d’autres non.
Quelques ressources pour mieux comprendre ces impacts.
Ressources (5) :
Accessibilité de l'élément section
| scottohara.me
Langue du lien : Anglais
Article écrit par Scott O’Hara et publié le 16 juillet 2021 sous le titre original Accessibility of the section element
Il y est question de l’élément HTML <section>
et de la façon de l’utiliser correctement au regard de l’accessibilité.
Créer des boutons accessibles et dignes de ce nom en HTML | La Lutine du Web
Langue du lien : Français
Article écrit par moi-même, publié le 13 février 2021 où j’explique comment et pourquoi créer des bons vrais boutons HTML
La divisibilité des div
| scottohara.me
Langue du lien : Anglais
Article écrit par Scott O’Hara et publié le 20 janvier 2022 sous le titre original Div divisiveness où il est question du bon usage des <div>
, élément HTML totalement non sémantique, au regard de l’accessibilité, histoire d’éviter la soupe de div
là où des éléments sémantiques seraient bien plus appropriés…
Les tribulations de l'attribut title
| 24 Accessibility
Langue du lien : Anglais
Article écrit par Scott O’Hara et publié le 22 décembre 2017 sur le calendrier de l’Avent 24 Accessibility sous le titre original The Trials and Tribulations of the Title Attribute.
Cet article explique en quoi l’attribut title
est particulièrement problématique pour l’accessibilité, bien qu’il soit possible de l’utiliser pour être conforme aux règles d’accessibilité… Bref, pourquoi, dans la plupart des cas, vous ne devriez pas l’utiliser.
Pourquoi <details>
n'est pas un accordéon | Dave Rupert
Langue du lien : Anglais
Article publié sous le titre original Why <details>
is Not an Accordion le 13 décembre 2019 et écrit par Dave Rupert dans lequel il explique pourquoi le couple d’éléments HTML details
/summary
ne peut pas servir pour faire des accordéons (un ensemble de panneaux dépliants).
En effet, summary
doit être le premier enfant de details
et ne peut donc être encapsulé dans un titre. Les boutons mangent la sémantique et on ne peut donc mettre un titre dans un bouton (summary
étant considéré comme un bouton). Ainsi, cela ne sera pas compatible avec les technologies d’assistance telles que les lecteurs d’écran.