Rendere più accessibili audio, immagini e video

Suggerimenti su come presentare i contenuti multimediali in diversi formati.

Ultimo aggiornamento 22 giugno 2023

L'aggiunta di contenuti audio, immagini e video, detti anche contenuti multimediali, è un ottimo modo per migliorare il tuo sito. Tuttavia, bisogna considerare come queste informazioni saranno percepite dai visitatori che non possono vedere o ascoltare completamente il contenuto.

Utilizza questa guida per saperne di più sui modi alternativi di presentare i contenuti multimediali ai visitatori.

Nota

questa guida è disponibile come risorsa per aiutarti a iniziare, ma non deve essere interpretata o considerata come una consulenza legale. Squarespace non può fornire consigli su come rendere il tuo sito conforme a leggi, regolamenti o standard specifici in materia di accessibilità.

Immagini

Internet è un mezzo visivo in cui le immagini possono rivestire un ruolo importante nella presentazione del tuo sito. È importante tenere conto di elementi come il testo alt e il modo in cui vengono formattate le immagini animate o le .gif.

Testo alternativo

Durante la scansione di una pagina, gli screen reader identificano le immagini e leggono il testo descrittivo (testo alt) ai visitatori. Quando aggiungi testo alt, rifletti sul motivo principale per cui hai usato l'immagine. Ad esempio, serve a trasmettere informazioni o è decorativa? Cosa devono sapere sull'immagine i visitatori con disabilità visiva per accedere a tutte le informazioni disponibili per i visitatori normovedenti?

Una buona prassi è quella di descrivere brevemente l'immagine come si farebbe con un amico al telefono. Le immagini puramente decorative, come la grafica che separa il contenuto o le immagini astratte dello sfondo, non richiedono descrizioni. È importante ricordare che il testo alternativo fa parte dei contenuti di una pagina. Dovrebbe essere scritto in modo chiaro e conciso.

Fai
  • Considera lo scopo dell'immagine e cerca di trasmettere questo significato in 125 caratteri o meno.
  • Se l'immagine ha un URL di click-through o qualsiasi altro scopo funzionale, descrivi la funzione. Ad esempio, il testo alt per l'immagine di una coppia di fidanzati sorridenti collegata a una pagina con foto di fidanzamento potrebbe essere Coppia di fidanzati sorridenti. Link a foto di fidanzamento.
  • Per le immagini che richiedono descrizioni dettagliate, come grafici, diagrammi o rappresentazioni grafiche complesse, includi una descrizione dell'immagine nelle vicinanze, all'interno del testo del sito. In alternativa, puoi aggiungere una pagina separata contenente una descrizione dell'immagine, quindi aggiungere un URL di click-through che conduca dall'immagine a quella pagina.
 
Non fare
  • Includi frasi come "immagine di" o "foto di" nel testo alt. Le tecnologie assistive le identificano automaticamente come immagini.
 

File .gif animati

Puoi aggiungere immagini animate o .gif alla maggior parte delle aree del tuo sito. Assicurati che i file .gif animati non lampeggino tre o più volte al secondo. È noto che questo tipo di contenuto può causare crisi epilettiche o reazioni fisiche.

Suggerimento

se il tuo sito è nella versione 7.1, i visitatori possono disattivare alcune funzionalità animate tramite le impostazioni del dispositivo. In questo modo, visualizzeranno meno movimento quando visitano il tuo sito. Ad esempio, se un utente Mac sceglie di ridurre il movimento dello schermo sul proprio dispositivo, le animazioni attivate per gli effetti immagine di sfondo o Scenographik non appariranno animate per quel visitatore.

Video

Quando aggiungi video al tuo sito, tieni a mente questi suggerimenti:

  • Aggiungi didascalie sincronizzate utilizzando le funzionalità integrate di sottotitolazione per YouTube e Vimeo. In questo modo, gli utenti possono attivare o disattivare le didascalie nel blocco video. Visita YouTube e Vimeo per maggiori informazioni sull'aggiunta di didascalie.
  • Aggiungi non più di due video di sfondo per pagina. Un eccesso di movimento può provocare effetti indesiderati nelle persone con sensibilità al movimento.
  • Evita contenuti video che lampeggiano tre o più volte al secondo.

Audio

Puoi aiutare i visitatori con deficit uditivi ad accedere ai tuoi contenuti audio, come i podcast, aggiungendo una trascrizione. Per mantenere le pagine organizzate, puoi includere le trascrizioni nelle pagine non collegate.

Movimento

Il movimento e l'animazione possono rendere il sito più interattivo e accattivante. Tuttavia, è importante assicurarsi che non disorienti i visitatori. Le scelte stilistiche, soprattutto quelle che riguardano il movimento, possono influire negativamente sulle persone che presentano una sensibilità al movimento. I seguenti sono elementi di design da utilizzare in modo discreto o da evitare del tutto per garantire la piena accessibilità del sito.

Effetto parallasse

Un effetto di parallasse si ha quando gli elementi di sfondo si muovono a velocità diverse rispetto a quelli in primo piano durante lo scorrimento. Quando utilizzi questi tipi di effetti, tieni conto delle esigenze di chi soffre di disturbi vestibolari.

Gli effetti di parallasse possono essere più problematici quando:

  • Occupano molto spazio
  • Appaiono dietro o vicino al testo
  • Si verificano più volte in una pagina

Per disattivare gli effetti relativi alle immagini di sfondo, segui la procedura descritta in Sezione immagini di sfondo. Assicurati di scegliere Nessuno come effetto immagine. Se utilizzi effetti di parallasse, considera di limitarli a uno per pagina e di ridurre al minimo le dimensioni e la profondità di ognuno di essi.

Per saperne di più su come diminuire il movimento e l'animazione sul tuo sito, visita Animazioni a livello di sito.

Intermittenza

I contenuti con colori a intermittenza o che cambiano rapidamente possono causare crisi epilettiche nei visitatori più sensibili. Se possibile, evita di utilizzare contenuti che lampeggiano o cambiano rapidamente colore e prendi in considerazione l'implementazione delle seguenti linee guida:

  • Non lampeggiano più di tre volte al secondo.
  • Sono al di sotto delle soglie per quanto riguarda la luce lampeggiante e la luce lampeggiante rossa.

Le soglie della luce lampeggiante sono diverse per ogni colore. Le persone sono più colpite dalle luci a intermittenza di colore rosso rispetto a qualsiasi altro colore.

Puoi utilizzare lo strumento di analisi dell'epilessia fotosensibile del Trace Center per verificare il rischio di crisi epilettiche e la soglia dei flash.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.

Rendere più accessibili audio, immagini e video