Dernière mise à jour : 31 mars 2026
Bonnes pratiques pour baliser les listes correctement, afin de les rendre accessibles.
Comment baliser une liste pour qu’elle soit accessible
La sémantique des listes sert à indiquer qu’on présente une série d’éléments similaires, regroupés par une mise en forme précise. Ce balisage aide les technologies d’assistance à comprendre qu’il s’agit d’un ensemble structuré et non de phrases isolées.
Durant la conception
Utiliser une liste lorsqu’on présente plusieurs éléments similaires, un à la suite de l’autre, de façon structurée.
Identifier le bon type de liste, selon le besoin de communication des éléments qu’elle contient :
- On parle d’une liste ordonnée si l’ordre des éléments est important. Par exemple, si on décrit des étapes, un classement ou une séquence.
- À l’inverse, il s’agit d’une liste non ordonnée si l’ordre des éléments n’a pas d’impact sur la compréhension. Par exemple, si on énumère des appareils admissibles ou si on présente des avantages commerciaux.
Se rappeler que des titres de section peuvent parfois remplacer une liste. Par exemple, si chaque point de la liste est très long ou si la liste comporte plusieurs éléments qui ont tous un même en-tête, l’utilisation de titres de section peut être plus pratique.
Dans le code
Utiliser une balise <ul> pour une liste non ordonnée ou <ol> pour une liste ordonnée et utiliser une balise <li> pour chaque élément qu’elle contient.
Ainsi, le lecteur d’écran annoncera automatiquement « Liste de X éléments » en comptant le nombre de <li> dans la liste, puis indiquera « hors de liste » à la fin de l’énumération.
Bon à savoir pour le développement
Même si les lecteurs d’écran ne différencient pas <ul> et <ol>, il est important d’utiliser la bonne balise selon le type de liste pour bien informer les autres technologies d’assistance.