Skip to content

accessibilité : role="list" sur les listes

Nous somme bien d'accords qu'en théorie ça n'est pas nécessaire, c'est redondant avec la sémantique des balises <ul> et <ol>.

Mais en pratique, je tombe sur cet article : https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html

En résumé ça explique que quand les CSS ciblant les listes suppriment les indications visuelles avec list-style: none (les points), alors certains lecteurs considèrent qu'il ne s'agit plus de "vraies" listes et retirent cette sémantique (VoiceOver de Safari).

La solution est de rajouter l'attribut role="list" pour s'assurer de garder la sémantique.