Re: Refonte Mediabox [wip]

Bonjour,

Je l'ai installée dans un projet (pas spip) en remplacement de 
featherlight (que j'avais testé en remplacement de colorbox aussi) et 
oui, c'est plus simple à mettre en oeuvre que featherlight (30min vs 
2h), plus simple à déclarer (sans rien préciser ça détecte image ou 
iframe et même un lien de type otpauth:// qui produit un QRCode qui m'a 
donné du fil à retordre avec featherlight), plus rapide, et plus fiable 
(des fois featherlighjt ne se déclenchait pas) ... bref que du mieux vu 
de mon projet, le seul souci que j'ai eu c'était de déclarer une taille 
aux iframe (j'y arrive en css mais featherlight permet de déclarer un 
data avec la taille du iframe ce qui permet de dimensionner les iframe 
une par une). Mais bon oui ça a l'air un bon choix, même si moi je n'ai 
pas la compétence pour juger l'aspect accessibilité.

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 
> https://git.spip.net/spip-contrib-extensions/mediabox_plus et j’ai pu 
> assez facilement ajouter la prise en charge ajax et la gestion des 
> galeries, ainsi qu’améliorer le markup en gérant le focus (focus sur 
> le bouton close à l’ouverture, retour où l’on était à la fermeture), 
> le markup (balise <dialog> + figure/figcaption avec un 
> aria-describedby sur les images)
>
> On a maintenant une prise en charge complète des différents types de 
> contenu (image/inline/ajax/iframe) et une prise en charge des galeries 
> à l’identique de ce que faisait colorbox (ainsi que la gestion des 
> events evidemment)
>
> Ce n’est pas encore tout à fait industriel, il reste un peu 
> d’optimisation à faire sur les transitions en mode galerie, et à 
> ajouter la configuration comme on avait pour colorbox 
> (min/max-width/height et opacité), et quelques traductions à 
> compléter, sur les erreurs principalement.
>
> Pour le reste c’est testable avec le plugin mediabox dans sa branche 
> dev/mediabox-extensible + le plugin mediabox_plus
>
> -- 
> Cédric
> Le 5 oct. 2020 à 17:57 +0200, Cerdic <[email protected]>, a écrit :
>> Oui, tout à fait, je suis (re)tombé dessus ensuite, et elle semble 
>> avoir bien des qualités aussi en terme d’accessibilité, tout en étant 
>> très légère.
>>
>> Petit défaut, elle ne gère pas du tout les galeries, et son 
>> developpeur considère que c’est hors de son objectif, mais il me 
>> semble qu’il y a tous les points d’entrée pour faire ça en 
>> personalisation - et sinon son developpeur a dit qu’il était ok pour 
>> ajouter des points d’entrées pour le permettre.
>>
>> Je viens d’intégrer une version dans le plugin proof of concept pour 
>> progresser dessus
>> https://git.spip.net/spip-contrib-extensions/mediabox_plus/commit/3983cec76af7a66612074762e26ea84aa7547c60 
>> <https://git.spip.net/spip-contrib-extensions/mediabox_plus/commit/3983cec76af7a66612074762e26ea84aa7547c60>
>>
>> -- 
>> Cédric
>> Le 5 oct. 2020 à 15:34 +0200, CSI <[email protected]>, a écrit :
>>> Bonjour,
>>>
>>> J'avais aussi repéré ça: https://sorgalla.com/lity/ mais j'ai pas 
>>> testé. Se revendique "accessible" aussi mais j'ai l'impression que 
>>> c'est comme les termes "durable", "vert", "illimité", etc ... plus 
>>> beaucoup de matière derrière le discours marketing :-( En tous cas 
>>> ça a l'air léger (7k + 3k), ça fait à peu près tout sauf .. les 
>>> galeries j'ai l'impression.
>>>
>>> Le 05/10/2020 à 15:10, Cerdic a écrit :
>>>> Bon donc en synthèse, après une rapide revue des troupes :
>>>>
>>>>   * la modale de Nicolas est top et accessible… pour une modale :
>>>>     elle fait très bien le job pour un usage de modale avec
>>>>     interactions, mais elle fait pas du tout la gestion des medias
>>>>     (ie gérer le chargement d’images, d’iframe, adapter la taille
>>>>     de la popin à la taille des images, gérer les galeries avec le
>>>>     passage suivant/précédent...)
>>>>   * featherlight pas plus que glightbox ne sont particulièrement
>>>>     accessibles (on a bien une navigation au clavier dans les 2
>>>>     cas, mais c’est le service minimum)
>>>>   * tobii se revendique accessible mais est encore totalement en
>>>>     dev cf https://github.com/rqrauhvmra/tobii/issues/28
>>>>     <https://github.com/rqrauhvmra/tobii/issues/28>
>>>>   * modaal https://humaan.com/modaal/
>>>>     <https://humaan.com/modaal/> semble la plus intéressante, avec
>>>>     une bonne base concernant l’accessibilité et le support des
>>>>     medias et galleries…
>>>>     MAIS elle ne semble pas très activement maintenue. Je vois des
>>>>     PR et des Issues sur https://github.com/humaan/Modaal
>>>>     <https://github.com/humaan/Modaal> qui sont un peu gênantes,
>>>>     concernent l’accessibilité ou le support des versions récentes
>>>>     de jQuery
>>>>
>>>> On a donc aucune solution prêt à l’emploi et que des emmerdes à 
>>>> gérer :p
>>>>
>>> --
>>> Pierre
--
Pierre