Re: Refonte Mediabox [wip]

Cerdic <[email protected]>
Newsgroups gmane.comp.web.spip.devel
Message-ID <2b33858e-4b26-4023-ae09-a66a81a9ce71@Spark>
Non je pense pas qu’elle soit testable en 3.2

Pour info j’ai vérifié et/ou corrigé les points suivants :

- focus sur le premier élément tabulable (qui est le bouton close)
- tab et shift-tab ne se déplacent pas en dehors de la fenetre modale
- fermeture avec Esc ou au clic à l'extérieur de la fenêtre
- Let me use the left and right arrow keys to step through images in a slideshow.
- When I press Esc, close the lightbox.
- add focusable elements (links or buttons) for close/next/previous, put keyboard focus on the first focusable object in the lightbox, make sure I can’t tab to something behind the lightbox, and make it visually obvious which object has keyboard focus.
- When the lightbox closes, return keyboard focus to where it was when I opened it.

Par ailleurs
- les images sont balisées via un <figure><img…><figcaption id=‘…’>…</figcaption></figure> avec un aria-describedby sur la balise img qui pointe sur le figcaption
- le markup de la box utilise <dialog>  (mais je me demandais si garder ça tout le temps ou si dans le cas de visualisation des images un div serait plus adapté), avec un title explicite qui mentionne que Echap ferme la box
- tout le contenu derrière est mis en aria-hidden (mais sans wrapper autour, donc sans modification du markup qui peut être un problème)

- le déclencheur peut être un lien comme d’hab ou un bouton, c’est à l’initiative de celui qui fait le site et ça c’est pas vraiment dans le scope du plugin

Probablement que le mieux serait de le mettre le plugin mediabox_plus sur contrib qui est en 3.3 je crois (en basculant aussi la branche du plugin mediabox), et on aurait la page de démo et on pourrait la tester en conditions réelles

--
Cédric
Le 7 oct. 2020 à 23:59 +0200, nicod_ <[email protected]>, a écrit :
> Le 07/10/2020 à 15:59, Cerdic a écrit :
> > J’ai donc joué un peu avec lity et plus ça va plus je pense que c’est un
> > bon choix :
> > - la box est très légère et bien codée, tout en étant très facilement
> > extensible, et maintenue
> > - j’ai amélioré l’implémentation dans le plugin
>
> Super nouvelle !
>
> Il faudrait pouvoir la faire tester par un·e expert·e accessibilité.
>
> Peut être Roman, s'il nous lit ici ?
>
> A ton avis, ce serait utilisable sur un SPIP 3.2 ? Si oui, je peux la
> faire tester par Temesis éventuellement.
>
> --
> nicod_
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.