Didaskalegese di immagini di supporto - oltre al testo alternativo

Contribuisci Funzionalità
1

Continuando la discussione da Come aggiungere una descrizione per le immagini caricate?:

Sono venuto alla ricerca di un modo per aggiungere una didascalia - visibile a tutti - a un’immagine. (<figcaption>)

alt vs. didascalia

Adoro il fatto che Discourse supporti il testo alt per i lettori ipovedenti, ma sono effettivamente non disponibili per i lettori vedenti. I lettori vedenti non necessitano necessariamente della stessa descrizione completa dell’immagine, ma spesso beneficerebbero di un po’ di contesto, ad esempio Da quale film è tratto quello screenshot? Qual è il titolo di quell’opera d’arte?

La ricerca è stata un po’ complicata dal fatto che “didascalia” viene spesso utilizzata qui quando si discute del testo alt dell’immagine. Anche la funzionalità AI di Discourse si chiama “Caption with AI”. Questo punto viene sollevato in una discussione sul metodo manuale di “didascalia” (testo alt).

sintassi

Il thread padre termina nel 2019 con:

Ho trovato alcuni vecchi topic pertinenti su CommonMark che notano che:

Ma https://talk.commonmark.org/ è attualmente bannerizzato con “Si prega di notare che la specifica CommonMark è attualmente bloccata per quanto riguarda le funzionalità” e la specifica delle immagini non sembra affrontare l’uso delle didascalie.

prossimo passo

Sarebbe così male discostarsi da CommonMark in questo caso e implementare qualcosa in Discourse per supportare il comune tag <figcaption> per le immagini?

Test our new composer!
Encourage/enforce adding image descriptions
2

Non sono un esperto di accessibilità, ma non capisco questa richiesta di funzionalità. Qual è la differenza, di fatto, tra alt e figcaption e perché sostenete che dovremmo discostarci da CommonMark? Cosa mi sfugge?

Quando carico una foto, diciamo del mio gatto, le viene data una didascalia associata alla foto. Posso quindi modificare la didascalia per condividere il contesto.

Un gatto soriano grigio è seduto su una ringhiera di legno all'aperto, con un aspetto vigile e curioso con uno sfondo verde e foglioso. (Didascalia dell'IA)
Un gatto soriano grigio è seduto su una ringhiera di legno all'aperto, con un aspetto vigile e curioso con uno sfondo verde e foglioso. (Didascalia dell'IA)3024×4032 1.19 MB

La didascalia viene mostrata al passaggio del mouse (desktop) e in fondo alla foto, quando la si seleziona per visualizzarla più grande:

Screenshot 2025-06-09 alle 7.58.47 AM

1 Mi Piace
3

Ciao Tobias, rivedendo, ho esagerato questa parte:

[citazione=“ToddZ, post:1, topic:333922”]
Mi piace che Discourse supporti il testo alt per i lettori con problemi di vista, ma sono effettivamente non disponibili per i lettori vedenti.
[/citazione]

Il testo alternativo è disponibile per i lettori vedenti, ma richiede azioni del mouse che in genere non eseguo quando scorro gli argomenti. Senza un’icona “alt” presente, non avrei nemmeno pensato di passare il mouse sopra le immagini per verificare la presenza di testo alternativo. Questo in realtà ha un certo senso, poiché il testo alternativo non ha lo scopo di impartire informazioni aggiuntive e dovrebbe essere superfluo per gli utenti vedenti…

[citazione=“tobiaseigen, post:2, topic:333922”]
Qual è la differenza, in pratica, tra alt e figcaption… ?
[/citazione]

Non sono nemmeno un esperto di accessibilità, ma vedo queste funzionalità che servono a scopi abbastanza diversi sia per gli utenti vedenti che per quelli con problemi di vista.

testo alternativo:

  • incoraggiato a fornire una descrizione dettagliata dell’immagine per gli utenti con problemi di vista, come equivalente alle immagini
  • nascosto per impostazione predefinita agli utenti vedenti, perché possono vedere l’immagine
  • (presumibilmente gestito per impostazione predefinita da screen reader e altri strumenti di accessibilità)

figcaption:

  • può fornire un titolo, a parte, una citazione o un altro indizio di contesto a tutti gli utenti, non necessariamente una descrizione completa di ciò che l’immagine raffigura
  • viene visualizzato nel flusso del documento/post per tutti gli utenti, vedenti o meno
  • non richiede alcuna azione per essere visualizzato, a parte la normale navigazione e lo scorrimento

Essenzialmente, il testo alt sostituisce l’immagine, ti dice esattamente cos’è. Un figcaption può dirti perché l’autore l’ha inserita lì.

Il testo alternativo per la tua immagine è accurato: “Un gatto soriano grigio è seduto su una ringhiera di legno all’aperto, sembra vigile e curioso con uno sfondo verde e frondoso.” (Gli esperti di accessibilità potrebbero suggerire ancora più dettagli e meno soggettività: “Un gatto soriano grigio è seduto compostamente su una panchina di legno all’aperto, riempiendo l’inquadratura e guardando qualcosa fuori campo. Lo sfondo frondoso e illuminato dal sole è sfocato mentre il gatto è all’ombra con il viso a fuoco.”)

Un figcaption, tuttavia, potrebbe recitare “Esempio di gatto con testo alternativo” – o “A Ravenpaw non importa la tua pedanteria.”

[citazione=“tobiaseigen, post:2, topic:333922”]
perché stai sostenendo che ci discostiamo da CommonMark?
[/citazione]

Non posso parlare delle implicazioni più ampie della divergenza da CommonMark, pensavo solo che se Commonmark non ha intenzione di implementare nuove funzionalità, la divergenza potrebbe essere giustificata per qualcosa di ampiamente utile.

2 Mi Piace
4

Ciao Tobias, sono un nuovo utente. Sto cercando di migrare la mia bacheca phpBB a Discourse. Adoro la didascalia che appare quando si passa il mouse sopra l’immagine! Non mi è chiaro, tuttavia, come aggiungere una didascalia durante il caricamento: puoi chiarirmi questo aspetto? Non ho avuto successo in un caricamento sul mio sito di prova.

Una domanda correlata, ovviamente, è quanto sarebbe difficile modificare import_phpbb3.sh per assegnare i “commenti sui file” di phpBB (sugli allegati) ai file convertiti in modo che appaiano quando si passa il mouse sopra. Inoltre: phpBB consente di assegnare commenti sui file ad altri tipi MIME, ad esempio .mp3 e .mp4. Questo accade con Discourse?

Grazie
Dan

1 Mi Piace
5

Grazie per avermi ricordato quella foto super carina del mio gatto! Nell’esempio che ho fornito, la didascalia è stata creata automaticamente utilizzando l’intelligenza artificiale. Credo che sia quello che succede qui su Meta, ed è anche quello che si può fare sui siti ospitati da Discourse “out of the box”. Se si volesse fare su un sito self-hosted, si dovrebbe configurare utilizzando l’IA.

6

La funzione di sottotitolazione automatica dell’IA è stata rimossa a luglio.


Il modo in cui puoi aggiungere le didascalie dipende dall’editor che utilizzi. Nell’editor di testo ricco, fai clic sull’immagine, quindi sul testo sotto l’immagine e modificalo.


In modalità Markdown, puoi modificarla nell’anteprima all’icona della piccola matita, oppure puoi digitare direttamente nell’editor.

1 Mi Piace
7

Ciao Dan, e benvenuto!

Strettamente parlando, quello non è una didascalia, è il testo alternativo dell’immagine, destinato a descrivere l’immagine agli utenti ipovedenti. (E stavo preparando degli screenshot di modifica per te, ma Moin mi ha battuto sul tempo.)

La tua domanda sulla gestione dei commenti dei file in un’importazione phpBB sarebbe meglio porla nel suo argomento di Supporto, poiché le persone giuste potrebbero non notarla in questa discussione.

1 Mi Piace
8

Moin, molte grazie! Questa è una funzione fantastica. Todd, hai assolutamente ragione: troverò un posto adatto per chiedere dell’importazione di phpBB.

Ho notato che anche se è possibile aggiungere testo a una gif, questo non appare quando ci si passa sopra con il mouse; tuttavia, le gif sono usate di rado sul mio forum. phpBB ti permette di aggiungere un commento a .mp3 e .mp4, anche se — apparentemente in Discourse non c’è un’opzione simile per aggiungere testo. Dovrò analizzare il mio file di backup .sql per questi allegati con commenti e decidere come gestirli.

Sono entusiasta di Discourse e di portare il mio forum nel 21° secolo! :zany_face:

-Dan

9

Toddさん、CommonMarkへの言及ありがとうございます。以前は知らなかったのですが、これでこのスレッドがより理解できるようになりました。

私は22年間phpBBボードを運営しており、長年にわたってギャラリー表示、インラインPDFのサポート、Litebox、キャプション（Liteboxあり/なし）など、自分のニーズに合わせてかなりハックしてきました。figcaptionについて言及されたとき、それが私の頭をよぎりました。ハックしたテンプレートであるattachment.htmlからのスニペットを以下に示します。

	  <figure>
	  <a data-fancybox="gallery1" href="{_file.U_DOWNLOAD_LINK}" data-caption="{_file.COMMENT}">
	  <img src="{_file.THUMB_IMAGE}" class="postimage" alt="{_file.DOWNLOAD_NAME}"  title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" />
	  </a>
	  <!-- ENDIF -->
	  <!-- IF _file.COMMENT -->
	  <figcaption>{_file.COMMENT}</figcaption>
	  <!-- ENDIF -->
	  </figure>

私たちの友人であるfigcaption。

phpBBは私のニーズを満たす役割を終えたので、そろそろ移行する時が来ており、Discourseははるかに堅牢なプラットフォームです。しかし、CommonMarkについて権威を持って話すことはできませんし、なぜそれに準拠すべきかについても言えませんが、Discourseで画像、PDF、ビデオ、オーディオなどにキャプションを付けられないことは、私にとっては深刻な欠落であると言えます。それがどのように処理されるにせよ、何らかの規定があるべきです。

私の2セントです。
-Dan

3 Mi Piace
10

De cavalli morti e di frustarli:

caption
caption1145×659 213 KB

Ecco un estratto dalla mia bacheca phpBB, categoria “Garage”, sottocategoria “How To”. Cliccando su una miniatura, le immagini appaiono in Fancybox, insieme ai commenti. Il testo può apparire nel post e/o nel commento: crea un’organizzazione ordinata e piacevole.

L’omissione di una tale funzionalità in Discourse mi sta bloccando completamente. Se qualcuno ha un’idea su come aggirare questo problema, mi piacerebbe sentirla.

-Dan