Accessibilité des tris sur les listes
@tcharlss disait :
Accessiblité
Je me pose des questions sur la méthode à appliquer pour l'instant, donc à voir dans un second temps.
aria-sort
J'avais ajouté l'attribut directement sur les liens, mais ça va pas :
- ça se met uniquement sur le
th
: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort- ça se met uniquement sur la colonne active (là je l'ai mis partout)
Donc pas possible à intégrer dans la balise #TRI.
Peut-être faudra-t-il compléter avec une balise dédiée pour le
th
? Exemple :<th[ (#TRI_SENS{date})]>#TRI{date,<:label_date:>}</th> <th[ (#TRI_SENS{titre})]>#TRI{titre,<:label_titre:>}</th> <th[ (#TRI_SENS{statut})]>#TRI{statut,<:label_statut:>}</th>
Qui compilerait en :
<th aria-sort="ascending"><a href="…" class="">Date</a></th> <th><a href="…" class="">Titre</a></th> <th><a href="…" class="">Statut</a></th>
aria-label
Ensuite, je me demande s'il ne manque pas un intitulé plus précis à destination des lecteurs d'écran.
Exemple, au lieu de « Titre » tout court, selon que l'item soit actif ou pas :
- « Trier par <champ> dans l'ordre croissant »
- « Trier par <champ> dans l'ordre décroissant »
Ou alors pour éviter la répétition de « Trier par », ça pourrait être le label de la ligne entière, et il y aurait que « <champ> dans l'ordre xxx » sur les liens ?
Bon voilà, des recherches à faire.