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?
En mi opinión, estas configuraciones estarían presentes
Solicitar descripciones en las cargas de imágenes (activado por defecto)
Intentar rellenar automáticamente las descripciones de las imágenes utilizando el servicio de IA (desactivado por defecto)
Personalmente, no querría que se enviaran etiquetas de AU automatizadas sin revisión humana.
Dicho todo esto, después de tres años, soy algo escéptico de que Discourse vaya a incorporar funcionalidades para agilizar las opciones de accesibilidad para las cargas de imágenes.
No somos un foro con muchas imágenes, pero tuve la ocasión de publicar una imagen y tuve que ir a Meta para buscar la funcionalidad de texto alternativo y asegurarme de cómo funciona. No es muy obvio.
Mi conciencia se ha visto elevada por un énfasis creciente en la accesibilidad en el desarrollo web general de hoy en día. Me encantaría ver que Discourse solicite texto alternativo al subir y ofrezca la opción de hacerlo obligatorio.
Un poco relacionado, Discourse AI ahora solicita a los usuarios una vez al detectar imágenes sin texto alternativo en sus publicaciones para habilitar subtítulos automáticos de imágenes generados por IA.
Eso es algo, pero aún me gustaría ver una indicación para los autores en foros no habilitados para IA.
(No para criticar Discourse AI, pero hasta ahora no me gusta el texto alternativo de IA en general, ya que he visto que proporciona contenido realmente banal y/o inexacto que ignora el contexto. La IA puede tener un lugar en cosas como operaciones masivas en grandes catálogos antiguos. Pero en un artículo o una conversación, preferiría que el autor compusiera un texto alternativo que exprese el punto narrativo de la imagen, no solo una descripción visual).
La mejor manera de avanzar es que la comunidad desarrolle un componente temático que haga esto. Si es bien recibido, eventualmente podría adoptarse en el núcleo.
Discourse sí proporciona una forma de agregar descripciones de imágenes. ¡El que no te guste la implementación no significa que no estemos liderando!
Si deseas una implementación diferente, eres bienvenido a implementarla como un componente de tema o pagarle a alguien en Marketplace para que lo haga. Si funciona mejor que lo que tenemos ahora, se agregará al núcleo. Así es como muchas mejoras terminan en el núcleo.
Dicho esto, como parte del nuevo trabajo del compositor, tendremos que revisar esta área de la interfaz de usuario. Está en la lista.
¿Te refieres a añadir un pie de página o algo más parecido a ALT? Llegué aquí porque estoy buscando la forma actualmente esperada de añadir descripciones a las imágenes, especialmente para personas ciegas, si es que existe alguna.
El atributo alt es la descripción de la imagen, que puedes añadir dentro de la sintaxis markdown de la imagen, o directamente desde la miniatura de la imagen en la vista previa de la publicación
Ejemplo de Markdown:
