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?
Richiedi descrizioni durante il caricamento delle immagini (impostazione predefinita ATTIVA)
Tenta di precompilare le descrizioni delle immagini utilizzando il servizio AI (impostazione predefinita DISATTIVATA)
Personalmente non vorrei che le etichette AU automatizzate venissero inviate senza revisione umana.
Detto questo, dopo tre anni, sono piuttosto scettico sul fatto che Discourse implementerà funzionalità per semplificare le opzioni di accessibilità per il caricamento delle immagini.
Non siamo un forum con molte immagini, ma ho avuto l’occasione di pubblicare un’immagine e ho dovuto venire su Meta per cercare la funzionalità del testo alternativo per essere certo di come funziona. Non è molto ovvio.
La mia consapevolezza è stata sollevata da una crescente enfasi sull’accessibilità nello sviluppo web in generale oggi. Mi piacerebbe vedere Discourse richiedere il testo alternativo al caricamento e fornire un’opzione per renderlo obbligatorio.
Leggermente correlato, Discourse AI ora chiede agli utenti una volta quando rileva immagini senza testo alternativo nei loro post per abilitare didascalie automatiche generate dall’IA.
Questo è qualcosa, ma mi piacerebbe comunque vedere una richiesta per gli autori sui forum non abilitati all’IA.
(Non per criticare Discourse AI, ma finora non mi piace l’alt text generato dall’IA in generale, poiché ho visto che fornisce contenuti davvero banali e/o inaccurati che ignorano il contesto. L’IA potrebbe avere un ruolo in cose come operazioni di massa su grandi cataloghi arretrati. Ma in un articolo o in una conversazione, preferirei che l’autore componesse un alt text che esprima il punto narrativo dell’immagine, non solo una descrizione visiva.)
Il modo migliore per procedere è che la community sviluppi un componente tematico che faccia questo. Se sarà ben accolto, potrebbe eventualmente essere adottato nel core.
Discourse fornisce un modo per aggiungere descrizioni delle immagini. Solo perché non ti piace l’implementazione non significa che non siamo all’avanguardia!
Se desideri un’implementazione diversa, sei il benvenuto a implementarla come componente del tema o a pagare qualcuno in Marketplace per farlo. Se funzionerà meglio di quello che abbiamo ora, verrà aggiunto al core. È così che molti miglioramenti finiscono nel core.
Detto questo, come parte del nuovo lavoro sul composer, dovremo rivisitare quest’area dell’interfaccia utente. È nella lista.
Intendi aggiungere un piè di pagina o qualcosa di più simile all’ALT? Sono arrivato qui perché sto cercando il modo attualmente previsto per aggiungere descrizioni alle immagini, specialmente per le persone non vedenti, se ce n’è uno.
L’attributo alt è la descrizione dell’immagine, che puoi aggiungere all’interno della sintassi markdown dell’immagine, o direttamente dalla miniatura dell’immagine nell’anteprima del post
Esempio Markdown:
