Incoraggiare/imporre l'aggiunta di descrizioni delle immagini

Abbiamo l’abitudine di aggiungere sempre descrizioni delle immagini per rendere Discourse accessibile alle persone che utilizzano screen reader. Quali sono i modi migliori per supportare l’aggiunta di descrizioni delle immagini?

Ad esempio, è possibile far apparire un testo di aiuto che indichi di aggiungere una descrizione dell’immagine?

“Hai aggiunto un’immagine! Aggiungi una descrizione dell’immagine prima di creare l’argomento.”

E come si aggiunge il testo alternativo?

Ulteriori informazioni sulle descrizioni delle immagini
https://uxdesign.cc/how-to-write-an-image-description-2f30d3bf5546
https://livingwithdisability.tumblr.com/post/124066767358/all-about-image-descriptions
https://www.perkinselearning.org/technology/blog/how-write-alt-text-and-image-descriptions-visually-impaired

3 Mi Piace

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.

![Irish Stout after a week in the fermenter, ready for pouring into bottles|375x500](upload://rW0hzxtwAluwFC6TAY07KT7J8IK.jpeg) 

4 Mi Piace

Vorrei riprendere questo argomento.

@codinghorror esiste un luogo dove fare richieste specifiche per miglioramenti tecnici qui? Richiedere agli utenti di rinominare i file o fornire markup è semplicemente una soluzione non praticabile. Queste tecniche sono completamente non intuitive, ma anche se non lo fossero, costituiscono comunque un ostacolo più grande di quanto la maggior parte degli utenti sia disposta a superare. L’aggiunta del testo alternativo deve essere ovvia, semplice e (criticamente) parte del processo normale per il caricamento delle immagini, in modo che gli utenti che si affidano a tecnologie assistive possano partecipare. A mio avviso, la soluzione migliore sarebbe avere un popup al momento del caricamento di un’immagine che chieda di fornire un testo descrittivo. E almeno per il nostro forum, vorrei anche una configurazione che renda obbligatorio fornire un testo non vuoto.

7 Mi Piace

OK, penso che ti serva un plugin per questo, forse inizia in Marketplace?

@codinghorror Volevo dire che l’accessibilità deve essere una priorità di primo piano, integrata direttamente in Discourse, e non aggiunta come ripensamento. (A parte questo, dopo una recente esperienza molto negativa con un plugin non ufficiale e un aggiornamento andato male, installiamo solo plugin ufficiali).

2 Mi Piace

I pop-up raramente migliorano l’usabilità, quindi non sono sicuro di essere d’accordo con questa affermazione.

Al momento, quando incolliamo dagli appunti, facciamo così:

Si potrebbe costruire un componente del tema (non è necessario un plugin qui)

  • Che aggiunga un grande popup rosso
  • Che evidenzi la parola “immagine” dopo il caricamento
  • Che introduca una pagina interstiziale.

Suggerisco di iniziare con un componente del tema qui prima di considerare eventuali modifiche al core.

4 Mi Piace

Potresti indicarmi un componente del tema che abbia questi elementi? Mi piacerebbe provarne uno per poter abbozzare come potrebbe funzionare un flusso di lavoro per un componente del tema relativo al testo alternativo/descrizione dell’immagine.

Penso comunque che un plugin, simile a come funziona per gli eventi, sarebbe la soluzione migliore: inserisci un’immagine e si apre un modulo in cui digiti il testo alternativo e la descrizione dell’immagine. Poi, quando premi invio, l’immagine viene automaticamente formattata correttamente.

Suggerisco di iniziare con un componente tema qui prima di considerare eventuali modifiche al core.

Scusa per il ritardo nella risposta. Ho sempre considerato lo sviluppo di Discourse come attento e meticoloso, e la mia percezione da altri thread mi ha anche portato a credere che l’accessibilità sia una priorità.

Ed è proprio per questo che fatico francamente a capire l’esitazione qui. Descriverei la situazione attuale per gli utenti come “quasi impossibile da aggiungere, anche se vogliono / ricordano” e la situazione per gli amministratori come “completamente impossibile da ricordare / incoraggiare”. Rendere i tag alt più semplici e facili sembra un frutto estremamente a portata di mano che migliorerebbe l’accessibilità su ogni istanza di Discourse. Dovrebbe essere integrato, ovunque. $0.02

3 Mi Piace

Potresti certamente creare un interstiziale di blocco che impedisce la pubblicazione… Penso che tu possa farlo con le parole monitorate, dato che sappiamo che la descrizione predefinita dell’immagine è uguale al nome del file?

![super_breakout_1680x1050|690x431](upload://kVEmM01Hth0lkki06JdIsR4do5P.jpeg)

1 Mi Piace

Questo potrebbe essere un target interessante per un etichettatore automatico AI.

Secondo me queste impostazioni sarebbero presenti

  • 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.

2 Mi Piace

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.)

1 Mi Piace

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.

1 Mi Piace

Perché? L’accessibilità, in particolare, è un’area in cui Discourse dovrebbe guidare.

1 Mi Piace

Discourse fornisce un modo per aggiungere descrizioni delle immagini. Solo perché non ti piace l’implementazione non significa che non siamo all’avanguardia! :wink:

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.

1 Mi Piace

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.

1 Mi Piace

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 :slight_smile:

Esempio Markdown:

![L'immagine è un post del blog di Discord AI di un product manager che discute dell'AI Auto responder, una funzionalità che utilizza l'IA per rispondere in modo intelligente alle richieste di supporto, richiedendo automazione di Discourse e plugin AI per la funzionalità. (Sottotitolato dall'IA)|230x500](upload://6rMT7zREgcFUdeLKbbXXSqOUZLo.jpeg)

3 Mi Piace

Ho continuato a perfezionare il mio pensiero su questo dettaglio. Il testo alt, che è in qualche modo nascosto agli utenti vedenti, dovrebbe contenere almeno una descrizione visiva, mentre il contesto narrativo dovrebbe essere espresso idealmente inline usando figcaption – una funzionalità non (ancora?) disponibile in Discourse: Support image captions - in addition to alt text.

Ma dato che attualmente abbiamo solo la “descrizione immagine” che in realtà è il testo alt, sarebbe comunque utile richiederlo.

2 Mi Piace