We have a practice of always adding image descriptions in order to make Discourse accessible to people who use screen readers. What are some best ways to support adding image descriptions?
For example, is it possible for help text to show up that tells people to add an image description?
“You’ve added an image! Please add an image description before you create the topic.”
Good question… I’ve wondered about this myself. It appears that the filename is used to create a description for the image. Then after uploading, you can tweak it in the markdown. When viewing a post with an image, you can mouse over it or click on it to look at the image bigger, and it includes the description at bottom. But I don’t know how that description works in screen readers.
If this can work, then for communities where this is especially important you can develop a culture around improving these descriptions, and moderators can also keep an eye out and edit posts to improve descriptions or send PMs to educate users.
@codinghorror is there a place to make specific requests for technical improvements here? Requiring users to rename files or supply markup is simply a non-starter. Those techniques are completely non-discoverable, but even if they weren’t, are also a bigger hurdle than most users will climb. Adding alt text need to be obvious, simple, and (critically) part of the normal process for uploading images, so that users who rely on assistive technologies can participate. IMO the best solution would be to have a pop-up on image upload that asks for descriptive text to be supplied. And at least for our forum I would even like a configuration to make supplying non-empty text mandatory.
@codinghorror I meant to convey that accessibility needs to be a first-class concern that is built directly in to Discourse, not bolted on as an afterthought. (Apart from that, after a recent very bad experience with a non-official plugin and a botched upgrade, we only install official plugins).
Could you point me to a theme component that has these elements? I’d like to play around with one so that I can perhaps sketch out what an alt text / image description theme component workflow would be like.
I do think a plug-in like how events works would be best though, where you insert an image and a form opens up where you type in the alt text and the image description. Then when you hit submit the image is automatically properly formatted.
I suggest starting with a theme component here prior to considering any core changes.
Sorry for the delayed reply. I have always regarded Discourse development as both thoughtful and thorough, and my perception from other threads as also led me to believe that accessibility is a priority.
Which is why I am frankly struggling to understand the reluctance here. I would describe the current situation for users as “nearly impossible to add, even if they want to / remember to” and the situation for admins as “completely impossible to remind / encourage”. Making alt-tags simpler and easier seems like incredibly low-hanging fruit that would benefit accessibility on every Discourse instance. It should be built-in, everywhere. $0.02
You could certainly build a blocking interstitial which prevents posting… I think you could do this with watched words – since we know the default image description is equal to the filename?
Demander des descriptions lors du téléchargement d’images (activé par défaut)
Tenter de remplir automatiquement les descriptions d’images à l’aide du service d’IA (désactivé par défaut)
Je ne voudrais personnellement pas que des étiquettes AU automatisées soient soumises sans examen humain.
Cela dit, après trois ans maintenant, je suis quelque peu sceptique quant à la possibilité que Discourse intègre des fonctionnalités pour rationaliser les options d’accessibilité pour le téléchargement d’images.
Nous ne sommes pas un forum riche en images, mais j’ai eu l’occasion de publier une image, et j’ai dû venir sur Meta pour rechercher la fonctionnalité de texte alternatif afin d’être certain de son fonctionnement. Ce n’est pas très évident.
Ma conscience a été alertée par un accent croissant sur l’accessibilité dans le développement web général aujourd’hui. J’aimerais voir Discourse demander le texte alternatif lors du téléchargement, et fournir une option pour le rendre obligatoire.
Légèrement lié, Discourse AI invite désormais les utilisateurs une fois lorsqu’il détecte des images sans texte alternatif dans leurs publications à activer les légendes automatiques d’images générées par l’IA.
C’est quelque chose, mais j’aimerais toujours voir une invite pour les auteurs sur les forums non compatibles avec l’IA.
(Ce n’est pas pour critiquer Discourse AI, mais jusqu’à présent, je ne suis pas fan du texte alternatif généré par l’IA en général, car j’ai vu qu’il fournissait un contenu vraiment banal et/ou inexact qui ignorait le contexte. L’IA peut avoir sa place dans des opérations en masse sur de grands catalogues existants. Mais dans un article ou une conversation, je préférerais que l’auteur rédige un texte alternatif qui exprime le point narratif de l’image, pas seulement une description visuelle.)
La meilleure façon d’aller de l’avant est que la communauté développe un composant thématique qui fait cela. S’il est bien accueilli, il pourrait éventuellement être adopté dans le cœur.
Discourse fournit un moyen d’ajouter des descriptions d’images. Ce n’est pas parce que vous n’aimez pas l’implémentation que nous ne sommes pas à la pointe !
Si vous souhaitez une implémentation différente, vous êtes invité à l’implémenter en tant que composant de thème ou à payer quelqu’un sur Marketplace pour le faire. Si cela fonctionne mieux que ce que nous avons actuellement, cela sera ajouté au cœur du système. C’est ainsi que de nombreuses améliorations finissent par être intégrées au cœur du système.
Cela dit, dans le cadre du nouveau travail sur le compositeur, nous allons devoir revisiter ce domaine de l’interface utilisateur. C’est sur la liste.
Voulez-vous dire ajouter un pied de page ou quelque chose de plus comme ALT ? Je suis arrivé ici parce que je cherche la manière actuellement attendue d’ajouter des descriptions aux images, en particulier pour les personnes aveugles, s’il y en a une.
L’attribut alt est la description de l’image, que vous pouvez ajouter à l’intérieur de la syntaxe markdown de l’image, ou directement à partir de la miniature de l’image dans l’aperçu du message
Exemple de Markdown :
