Skip to main content

Come aggiungere descrizioni immagini

Le descrizioni delle immagini, chiamate anche testo alternativo, sono un modo semplice per rendere >x< accessibile alle persone con disabilità. Come i post, le descrizioni delle immagini devono seguire le Regole di >x<.

Descrivere cosa c'è nelle immagini aiuta le persone non vedenti o ipovedenti, nonché quelle che utilizzano tecnologie per la disabilità, vivono in aree a bassa larghezza di banda o desiderano più informazioni di contesto. Senza descrizioni, chi ti legge non saprà cosa contengono le tue immagini o perché sono importanti. La mancanza di queste informazioni impedisce alle persone di interagire con il tuo post.

Puoi aggiungere descrizioni immagini in quattro passaggi.

Aggiungi descrizioni immagini
  1. 1. Dopo aver caricato un'immagine in un post, seleziona il pulsante +ALT sull'immagine. ("ALT" è l'abbreviazione di testo alternativo, che è il nome tecnico per la descrizione immagine.)

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop

    2. Inserisci una descrizione dell'immagine nella casella di testo. La descrizione di questa immagine è: "Una tazzina bianca con un piccolo manico ad anello, contenente un caffè espresso con sopra la sua cremina. La tazzina è appoggiata su un piattino bianco su un tavolo in legno marrone". Nell'angolo della casella di testo è presente il conteggio dei caratteri. Abbiamo utilizzato 183 caratteri dei 1.000 disponibili.

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop

    3. Seleziona Fine. Apparirà un'etichetta ALT nell'angolo dell'immagine. Il simbolo + non compare più sull'etichetta ora che è stata aggiunta la descrizione.

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop

    4. Seleziona Twitta. L'etichetta ALT appare sull'immagine del post pubblicato. Quando qualcuno seleziona l'etichetta ALT, la descrizione dell'immagine appare sullo schermo dal basso verso l'alto.

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop
    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop
Aggiungi più immagini
  1. Se aggiungi più di un'immagine al tuo post su iOS, le immagini appariranno con scorrimento orizzontale. Seleziona l'etichetta + ALT su ciascuna immagine per aggiungere le descrizioni immagini.

    [@portabletext/react] Unknown block type "__pendingImage", specify a component for it in the `components.types` prop

    Dopo aver aggiunto le descrizioni delle immagini, vedrai apparire l'etichetta ALT sulle immagini che presentano una descrizione. Le persone che visualizzano il tuo post potranno selezionare l'etichetta ALT su ciascuna immagine per leggere le descrizioni delle immagini.