Objectif
- Permettre l’identification des listes par les navigateurs et les aides techniques et donc leur restitution appropriée afin de faciliter leur compréhension par les utilisateurs.
- Améliorer la sémantique du contenu des pages et sa réutilisabilité.
Mise en œuvre
Soit utiliser les éléments HTML appropriés :
ul, lipour les listes non ordonnées ;ol, lipour les listes ordonnées ;dl, dt, ddpour les listes de définitions ou de descriptions.
Soit recourir aux attributs ARIA permettant de donner la sémantique d’une liste non ordonnée ou ordonnée à un contenu balisé de manière plus générique :
- donner au conteneur de la liste un attribut
role="list"; - donner à chaque élément de la liste un attribut
role="listitem"; - (il n’existe pas d’équivalent aux listes de définitions via un rôle ARIA).
En savoir plus: ul sur MDN - ol sur MDN - dl sur MDN
Contrôle
Pour chaque page contenant une liste :
- Contrôler le code source des contenus présentés sous forme de liste (caractérisés par la présence de retours à la ligne et de marqueurs de listes tels que des puces ou des numéros) à l’aide d’un inspecteur de code.
- Vérifier si le code source de ces listes apparentes comporte bien les éléments HTML correspondant au type de liste concerné :
ul, lipour une liste non ordonnée (liste à puces),ol, lipour une liste ordonnée (liste numérotée) etdl, dt, ddnpour une liste de définitions ou, à défaut, les rôles ARIAlistetlistitem.
Auteur Opquast - Consulter la licence
Découvrez la certification Opquast
- Une formation et une certification 100% en ligne
- 14 heures en ligne en autonomie, disponible 24h/24, 7j/7
- guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
- Pour tous les professionnels du Web : marketing, commerciaux, UX, chefs de projet, designers, développeurs, ingénieurs informatiques.
- Une approche multidisciplinaire : SEO, accessibilité, sécurité, écoconception… pour tous les professionnels, débutants comme confirmés.