Feature #173
ouvertRemplacer Tooltips
10%
Description
Tooltips pose des problèmes d'accessibilité et de performance.
Nous partons donc à la recherche d'un candidat accessible et mieux.
L'étude historique des plugins de glossaire est ici https://trello.com/c/xSNwgmqO/8-glosshair
Fichiers
Mis à jour par ggallais il y a plus de 3 ans
- Lié à Bug #172: Tooltips charge tout le glossaire dans le code, même s'il ne sert pas ajouté
Mis à jour par ggallais il y a plus de 3 ans
- Fichier accessible-tooltips.webm accessible-tooltips.webm ajouté
Pour rire (jaune). J'ai trouvé un plugin où les tooltips sont atteignables au clavier.
Il a pas été mis à jour depuis 2 ans, il a 50 installations, et son interface méritait un petite vidéo
https://wordpress.org/plugins/accessible-tooltips/
Tout le reste est pourri au dernier degré.
Après le gars est webdev, francophone, certifié Opquast, si ça se trouve on peut le payer pour finir son plugin.
Au passage, le gars conseille Tippy.Js comme librairie dédiée à ça :
Mis à jour par ggallais il y a plus de 3 ans
En fait la norme ARIA pour les tooltips n'existe pas. Elle est en cours de construction depuis 2016...
https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
https://github.com/w3c/aria-practices/issues/128
Ça explique peut-être pourquoi rien n'est pareil selon les plugins...
Mis à jour par ggallais il y a environ un an
- Fichier lesjours-tooltips.png lesjours-tooltips.png ajouté
- Fichier Screenshot 2024-09-12 at 12-08-46 En Israël « Le gouvernement a perdu la boule ! ».png Screenshot 2024-09-12 at 12-08-46 En Israël « Le gouvernement a perdu la boule ! ».png ajouté
- Fichier screencast-lesjours.fr-2024.09.12-12_11_25.webm screencast-lesjours.fr-2024.09.12-12_11_25.webm ajouté
- URL mis à https://www.inserm.fr/dossier/syndrome-ovaires-polykystiques-sopk/
- Affecte Desktop, Mobile ajouté
Une solution serait d'avoir une colonne latérale droite permanente où s'affiche les mots du glossaire.
Dans le contenu, les mots sont soulignés d'une façon distincte.
Au hover sur le mot, sa définition dans la colonne de droite "s'active" visuellement
En allant dans la colonne de droite, soit on trouve la définition en entier soit au clic ça ouvre une popin avec la déf.
Le modèle pour ça c'est https://lesjours.fr
Exemple https://lesjours.fr/obsessions/israel-hamas-palestine-guerre/ep15-otages-cisjordanie/