Les éléments visuellement présentés sous forme de liste sont balisés de façon appropriée dans le code source

Dans le contenu d’un livre, nous avons parfois besoin d’énumérer du texte. Pour cela, on utilise des tirets ou des puces de différentes formes. Dans une page HTML, cela se nomme une liste.

Objectifs

• Améliorer la lisibilité du texte
• Structurer le contenu de la liste

Mise en œuvre

• Utiliser les balises HTML ul (pour les listes non ordonnées) et ol (pour les listes ordonnées) pour encadrer le contenu de chaque liste, et utiliser les balises li pour chaque élément de liste. C’est en CSS que l’on choisit la forme de la puce.
• Les listes de définitions sont à marquer avec les balises dl, dt et dd

Contrôle

• Vérifier le code source de la page HTML de l’epub : Il faut que les listes soient dans une balise ul, ol ou dl et que chaque élement soit dans une balise li, dt ou dd

Validation

• Doit être vérifié par une personne

Informations 

• Étapes : Production numérique
• Étiquettes : Lisibilité
• Catégorie : Structure et code
• Origine de la règle : Opquast
• Reference Opquast : 4 228
• Mise à jour le 18 septembre 2024
• Référence : Web Content Accessibility Guidelines (WCAG)