Skip to main content

This is a test post with a picture of our puppy. I don't see an option to provide alt-text for the image though?

Testing Alt Text

but the editor does have markdown!

reshared this

in reply to Ruud

Tuhgy
Tuhgy
• •
Doing a quick search returned this issue regarding the alt-text: github.com/friendica/friendica…

Add img alt text for Accessibility · Issue #12650 · friendica/friendica

Problem: There is no easy way to add image alt text for accessibility Suggestion: When a user has provided a string in the Image Caption field, automatically add it as alt text in the img tag. Manu...
GitHub
in reply to Tuhgy

Ruud
Ruud
•
Ah yes, thanks. So I can set the alt text by typing it between [img=] and [/img]. Cool. Tested it and works.
in reply to Ruud

Cătă
Cătă
• •

@ruud Friendica uses BBCode internally, although it does support Markdown as well (it is parsed as BBCode, so that's what you will see when editing your posts).

The syntax indeed is [img=link/to/image (it will be an internal link if you upload the image straight to your friendica instance)]alt-text[/img].

@Ruud
in reply to Ruud

Poliverso - notizie dal Fediverso ⁂
Poliverso - notizie dal Fediverso ⁂
• •

@Ruud it's written in Italian, but it should be easy to translate it automatically

poliverso.org/display/0477a01e…

Signor Amministratore ⁂

2024-09-20 09:33:19


Friendica: come inserire il testo alternativo per le immagini, dall'interfaccia web

@Che succede nel Fediverso?

Quando si pubblicano immagini sui social network, è importante inserire il testo alternativo. Questo infatti può aiutare le persone con disabilità visive a comprendere il contenuto delle immagini attraverso l'uso di screen reader e dimostra un impegno verso l'inclusività, rendendo i tuoi contenuti accessibili a un pubblico più ampio.
Inoltre può fornire un contesto aggiuntivo per gli utenti che potrebbero avere problemi a caricare le immagini a causa di una connessione internet lenta.

Friendica offre la possibilità di aggiungere il testo alternativo, ma può essere un po' complicato aggiungerlo quando si utilizza il browser.

Infatti, quando si aggiunge un'immagine in Friendica noi vedremo il codice dell'incorporamento dell'immagine, che risulterà più o meno così:

[url=https://NOME_ISTANZA/photos/NOME_UTENTE/image/IDENTIFICATIVO_IMMAGINE][img=https://poliverso.org/photo/IDENTIFICATIVO_IMMAGINE-1.jpeg][/img][/url]

In dettaglio:

[url=https://NOME_ISTANZA/photos/NOME_UTENTE/image/IDENTIFICATIVO_IMMAGINE]
      [img=https://poliverso.org/photo/IDENTIFICATIVO_IMMAGINE-1.jpeg]
      [/img]
[/url]

Il testo alternativo, andrà inserito proprio tra i tag di apertura [img=xxx] e il tag di chiusura [/img]. Quindi:

[url=https://NOME_ISTANZA/photos/NOME_UTENTE/image/IDENTIFICATIVO_IMMAGINE]
      [img=https://poliverso.org/photo/IDENTIFICATIVO_IMMAGINE-1.jpeg]
            Testo alternativo
      [/img]
[/url]

O, più realisticamente

[url=https://NOME_ISTANZA/photos/NOME_UTENTE/image/IDENTIFICATIVO_IMMAGINE][img=https://poliverso.org/photo/IDENTIFICATIVO_IMMAGINE-1.jpeg]Testo alternativo[/img][/url]


Ecco un esempio reale:

[url=https://poliverso.org/photos/admin/image/1997546105611028f975883153721557][img=https://friendica.world/photo/preview/1024/8221]Lo stercorario trascina una palla di sterco: nella simbologia egizia rappresentava l'amministratore di un'istanza pubblica del Fediverso[/img][/url]

Ch diventa:

Lo stercorario trascina una palla di sterco: nella simbologia egizia rappresentava l'amministratore di un'istanza pubblica del Fediverso

.

Facile, no? Ok... non è facile per niente. Ma ormai lo abbiamo capito: Friendica è davvero un software molto potente, ma -a discapito del nome- non è affatto amichevole! 🤣

#FriendicaIsNotFriendly


@Ruud
⇧