Open Time - Mot-clé - accessibilité - Commentaires<p>Open time, open mind, open eyes</p>2024-03-25T08:15:36+01:00Franck Paulurn:md5:61070eb8c883ae7581f861faefddecbfDotclearVos gueules les mouettes - Biouurn:md5:d256943d7b566472a8de59bac96411aa2024-03-25T09:15:36+01:002024-03-25T09:15:36+01:00Biou<p>Mais ouiiiii !</p>
Vos gueules les mouettes - Franckurn:md5:f0943373d5366cda8e246fd56cc526ac2024-03-25T08:50:09+01:002024-03-25T08:50:09+01:00Franck<p>Tu veux dire celui-ci ?</p>
<p>
<audio controls="" preload="auto"><source src="https://open-time.net/public/illustrations/2024/mac-quack.mp3" /></audio>
</p>Vos gueules les mouettes - Biouurn:md5:eab024a81e3f866db829ee0156012f7c2024-03-25T07:40:45+01:002024-03-25T07:40:45+01:00Biou<p>A mon avis c’est plutôt une question d’UX que d’accessibilité. Et même en terme d’UX, c’est pas hyper habituel d’avoir des applis web qui donnent un feedback sonore.
Pour les notifications ça peut se faire, mais il n’y a pas trop de notif dans l’admin de Dotclear, il me semble.
C’est sûrement bien de penser à pouvoir le désactiver.
Si c’est customisable, fais-moi penser à mettre le son “quack” des vieux mac ;)</p>
Abbr - Franckurn:md5:4120ce96cb11a516a429fa9543ac72942024-02-02T07:38:57+01:002024-02-02T07:38:57+01:00Franck<p>Je vais voir ça, merci.</p>
Abbr - Brunourn:md5:11bbc8fffccef56ec337b0c890f1f50c2024-02-01T22:05:15+01:002024-02-01T22:05:15+01:00Bruno<p>Je viens de lire un article intéressant sur Abbr :</p>
<p><strong>Afficher l’abréviation HTML sur les mobiles</strong></p>
<p><q>Le survol fonctionne très bien sur le bureau où il y a un dispositif de pointage. Mais une fois que vous passez à un appareil mobile, l’info-bulle du survol ne fonctionne pas. </q></p>
<p><q>Il suffit d’afficher le terme complet non abrégé lorsque l’écran est de taille réduite.</q></p>
<p><a href="https://www.gekkode.com/developpement/html/abregez-votre-code-avec-la-balise-html-abbr/" title="Abrégez votre code avec la balise HTML abbr " rel="ugc">Abrégez votre code avec la balise HTML abbr</a></p>
<p>Pour le pilotage à la voix, une adaptation devrait être possible via CSS (media=”speech”).</p>
<p>Une piste ?</p>
Économiseur d'écran - Franckurn:md5:59d603482b444d2fc154a2420f5844d32024-01-27T09:45:43+01:002024-01-27T09:45:43+01:00Franck<p>Génie !</p>
Économiseur d'écran - BeRewturn:md5:3a19d688b94a6e4d5e99856e0ed2cbbd2024-01-27T09:43:39+01:002024-01-27T09:43:39+01:00BeRewt<p>Je propose un déclenchement au bout de 100 heures, comme ça tu auras un <a href="https://fr.m.wikipedia.org/wiki/Œuf_de_cent_ans" title="Pourquoi c’est rigolo un œuf centenaire (page Wikipedia)" rel="ugc">easter-egg centenaire</a>.</p>
Abbr - Franckurn:md5:50a0ec80ce97d5607ed29079441f87672024-01-16T09:13:34+01:002024-01-16T09:13:34+01:00Franck<p>Merci, c’est aussi ce que me suggère Julie Moynat sur Mastodon.</p>
<p>Je vais reprendre le billet pour corriger et compléter…</p>
Abbr - Biouurn:md5:a987a0801418850c50d0a2f53c52030b2024-01-16T08:20:43+01:002024-01-16T08:20:43+01:00Biou<p>@osku, tu peux mettre une astérisque dans le html, pas obligé d’écrire le texte en entier (surtout si l’astérisque est définie au début du formulaire)</p>
Abbr - Oskuurn:md5:ea785486b396fcd7148fb0eadf62ab812024-01-16T08:04:21+01:002024-01-16T08:04:21+01:00Osku<p>Intéressant. Je ne l’ai pas vu venir.
Dans le HTML entre parenthèses ?
Par exemple :</p>
<blockquote>
<p>Nom ou pseudo (champ obligatoire)</p>
</blockquote>
<p>Ou peut-être un renvoi avec la balise <code>sup</code> ?</p>
Abbr - Biouurn:md5:d8cdd34993ef44ed9909dd658366d2112024-01-16T07:20:44+01:002024-01-16T07:20:44+01:00Biou<p>À mon avis il vaudrait mieux mettre cette info dans le html plutôt que dans du contenu généré par css. Si la feuille de style est désactivée, l’information est perdue. L’accessibilité ce n’est pas que pour les utilisateurs de lecteurs d’écran. Voir le critère 10.2 du RGAA:
https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#10.2</p>
Constraste - Franckurn:md5:57668315d6ddf6301bb9cb37834a45cd2024-01-12T18:28:11+01:002024-01-12T18:28:11+01:00Franck<p>Merci <strong>Philippe</strong> ; cela dit je ne suis pas 100% satisfait, il est très possible que ça bouge encore un peu…</p>
Constraste - Philippeurn:md5:45a13569335883f96f95212c005d57ae2024-01-12T17:06:28+01:002024-01-12T17:06:28+01:00Philippe<p>J’aime bien le nouveau bleu marine pour les boutons, et je trouve aussi que les dégradés pouvaient disparaître, c’est très mieux ;)</p>
Texte alternatif et description d'image - Franckurn:md5:ba03e25b93be7c26e5e1d00d6b49535c2023-11-29T07:25:50+01:002023-11-29T07:25:50+01:00Franck<p>Ok je comprends mieux pour le 3e point, à éviter donc (je retire ça de ma ToDo) :-)</p>
<p>Je note pour l’image de décoration sans lien, on peut forcer ça en effet.</p>
Texte alternatif et description d'image - Biouurn:md5:6fd43788f4d7266571c53a108405b8a32023-11-29T07:20:58+01:002023-11-29T07:20:58+01:00Biou<p>Pour ce qui est de l’image légendée ou image lien sans texte alternatif, ça pourrait être le rôle n’un nouveau plug-in que de vérifier que tout est ok au moment de la sauvegarde.
Pour ton 3e point, c’est ce qu’on veut éviter :) mettre une légende sur une image dont on ne sait pas ce qu’elle contient, c’est problématique.
Je me demande aussi si ça ne vaudrait pas le coup dans l’éditeur d’avoir une checkbox pour le cas d’une image de décoration. Si c’est activé, pas de possibilité de légende ni de lien. Il y a ce genre de checkbox dans la suite Office par ex.</p>
Texte alternatif et description d'image - Cunégondeurn:md5:5328b894eabcc2c83ee6dd28096098622023-11-29T07:12:26+01:002023-11-29T07:12:26+01:00Cunégonde<p>Je ne savais même pas que l’on pouvait faire tout ça. Je nomme mes photos avant de les importer, je copie sur un billet les “phrases” qui concernent une photo. Puis je colle dans mon nouveau billet en changeant ce qui doit l’être. Comme ça, j’ai une petite et une grande photo. J’espère que j’ai été claire.</p>
Texte alternatif et description d'image - Franckurn:md5:76de91a64c76399608fdbe29c3d8b2fd2023-11-28T22:59:01+01:002023-11-28T22:59:01+01:00Franck<p>En ce qui concerne legacyEditor, c’est le seul qui supporte wiki et markdown, donc oui on va continuer à le maintenir.</p>
<p>Une image légendée sans texte alternatif, ce n’est pas prévu, au moment de l’insertion, mais les deux éditeurs permettent de modifier ça à postériori.</p>
<p>Je note la suggestion d’avoir une image légendée sans texte alternatif, c’est tout à fait possible.</p>
<p>Le lien mis en place pointe directement sur l’image en question ; si un plugin lightbox (ou équivalent) est installé il peut prendre la main, mais là on sort du cadre de travail des éditeurs, à mon avis.</p>
Texte alternatif et description d'image - biouurn:md5:957885f9655fad0870afae18d43921852023-11-28T21:03:53+01:002023-11-28T21:03:53+01:00biou<p>Si un des éditeurs s’appelle “legacyEditor” est-ce qu’il faut continuer de le faire évoluer ? Ça pourrait te simplifier les choses :)</p>
<p>Mes réponses à tes questions :
- Q1: oui
- Q2: dupliquer le texte alternatif dans la légende ne va pas apporter d’info, pourquoi ne pas laisser l’autrice ou l’auteur décider de ce qu’il faut mettre dans la légende au moment de l’édition ?
- Q3: la <a href="https://accessibilite.numerique.gouv.fr/methode/glossaire/#legende-d-image" rel="ugc">légende</a> est censée contenir les métadonnées de l’image, donc ici je dirais plutôt la légende. L’alternative textuelle contient l’information véhiculée par l’image. Les métadonnées ne sont que rarement véhiculées par l’image.</p>
<p>Je ne sais pas si tu as prévu ça dans tous tes cas, mais tu ne peux pas avoir une image légendée sans texte alternatif, ni une image dans un lien sans texte alternatif. Si le cas arrive, ça serait bien si l’éditeur pouvait avertir du problème.</p>
<p>Au fait ces liens, est-ce qu’ils mènent directement au fichier image en question ? ou bien est-ce que l’image s’ouvre dans une lightbox ? auquel cas, cela devrait être des boutons et non des liens.</p>
Texte alternatif et description d'image - Franckurn:md5:bf7d80d25117783689a15a10c0748d972023-11-28T18:25:20+01:002023-11-28T18:25:39+01:00Franck<p>J’ai ajouté un chapitre « Réponses », compte-tenu de ce que je préconise et des commentaires publiés ici.</p>Texte alternatif et description d'image - Franckurn:md5:cbb66ab3f2617188d1f153e9f57220c12023-11-28T18:21:20+01:002023-11-28T18:21:20+01:00Franck<p>Oui on va rendre ça un plus cohérent !</p>