[SPIP Zone] Déclarer les items sélectionnés avec aria-current

Archives Zone
1

Salut,

je suis tombé sur cet attribut aria que je ne connaissais pas, et qui est bien utile pour indiquer un élément "actif" ou sélectionné dans un menu de navigation, dans une pagination ou un calendrier.

https://tink.uk/using-the-aria-current-attribute/

C'est très bien supporté par les lecteurs d'écran :
http://design-patterns.tink.uk/aria-current/

Et ça peut remplacer les classes css en étant plus sémantique et accessible.
Au lieu de li.active {...}, on peut utiliser li[aria-current=true] {...}

Bref, que du bon.

--
nicod_

2

Le 29/12/2018 à 20:05, nicod_ a écrit :

Salut,

je suis tombé sur cet attribut aria que je ne connaissais pas, et qui est bien utile pour indiquer un élément "actif" ou sélectionné dans un menu de navigation, dans une pagination ou un calendrier.

Using the aria-current attribute - Tink - Léonie Watson

C'est très bien supporté par les lecteurs d'écran :
http://design-patterns.tink.uk/aria-current/

Et ça peut remplacer les classes css en étant plus sémantique et accessible.
Au lieu de li.active {...}, on peut utiliser li[aria-current=true] {...}

Bref, que du bon.

(je le met la … pour note)

Dans la mm genre d'idée je suis tombé sur aria-live=polite pour mettre au courant le screen reader lorsqu'une partie de la page est rechargé ou filtrée dynamiquement

--
Bonne journée
Arnaud B. (Mist. GraphX)

3

Le 30/12/2018 à 18:13, Mist. GraphX a écrit :

Dans la mm genre d'idée je suis tombé sur aria-live=polite pour mettre au courant le screen reader lorsqu'une partie de la page est rechargé ou filtrée dynamiquement

Zones live ARIA - Accessibilité | MDN

Ça c'est déjà utilisé et bien géré sur tous les blocs ajax de SPIP en standard.
Fais une recherche sur "aria-live" dans le code source, c'est appliqué en js dans ajaxCallback et d'autres scripts.

--
nicod_