Incorporare un video senza rompere l’accessibilità

Che cosa sente un lettore di schermo

Un video incorporato è un riquadro che arriva da un altro sito web, inserito nella sua pagina. Un lettore di schermo annuncia il riquadro prima che il visitatore decida di entrarci. Se il riquadro non ha un titolo, l’annuncio è la parola riquadro e nient’altro, oppure l’indirizzo del servizio video. Il visitatore non può sapere se si tratta di un messaggio della direttrice o di un filmato di sottofondo in loop.

La correzione è un attributo title sul riquadro che dice che cos’è il video: il discorso dell’assemblea annuale, una visita alla nuova clinica. I controlli automatici ne segnalano l’assenza su ogni pagina, ed è il rilievo di accessibilità più frequente sui siti delle organizzazioni che analizziamo.

I sottotitoli sono obbligatori

Un video preregistrato con parlato ha bisogno di sottotitoli secondo le WCAG 2.1 di livello AA, lo standard di accessibilità a cui rimandano tutti gli enti pubblici e la maggior parte dei finanziatori. I sottotitoli automatici del servizio video sono solo un punto di partenza. Sbagliano i nomi, i numeri e chiunque abbia un accento, e un numero sbagliato in un sottotitolo è peggio di nessun sottotitolo.

Metta a bilancio sottotitoli corretti. Il servizio video permette di modificare il testo automatico sul posto, e un video di dieci minuti richiede circa mezz’ora per essere corretto. I sottotitoli rendono anche il video ricercabile e guardabile senza audio, che è il modo in cui la maggior parte delle persone guarda i video sul telefono.

Nulla parte da solo

Un audio che parte da solo copre l’audio da cui dipende chi usa un lettore di schermo, e infastidisce tutti gli altri. Lo standard è semplice: nessun audio in riproduzione automatica per più di tre secondi senza un comando per fermarlo. Lasci disattivata la riproduzione automatica. Se una pagina ha bisogno di uno sfondo animato, deve essere muto, breve e facile da fermare.

Una trascrizione, o almeno un riassunto

Alcuni visitatori non possono usare affatto il video: chi ha una connessione lenta, chi lavora su una rete d’ufficio che blocca il servizio video, una persona sordocieca con un display braille. Una trascrizione sotto il video serve a loro, ed è anche un testo che i motori di ricerca possono indicizzare. Quando una trascrizione completa non è disponibile, un riassunto di due paragrafi è il minimo accettabile.

Farlo su WordPress

Il blocco di incorporamento standard prende un link e non le offre alcun campo per il titolo del riquadro. Il metodo affidabile è un blocco HTML personalizzato con il codice di incorporamento del servizio video, modificato a mano.

Lo stesso frammento risolve altri due problemi. L’attributo lazy impedisce al lettore video di caricarsi finché il visitatore non vi si avvicina scorrendo, così un lettore pesante non rallenta il primo rendering. L’indirizzo per la privacy del servizio, quando ne offre uno, gli impedisce di impostare cookie finché il visitatore non preme play. Questo conta per l’informativa sulla privacy del suo sito.

<iframe
  src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
  title="2026 annual meeting: the executive director's report"
  loading="lazy"
  allow="picture-in-picture"
  allowfullscreen>
</iframe>

Dia al riquadro una larghezza e un’altezza negli stili della pagina perché riservi il suo spazio prima di caricarsi. Altrimenti la pagina salta quando arriva il lettore, che è l’argomento di una parte precedente di questa serie.

Che cosa rileva l’audit gratuito

L’audit gratuito controlla la sua home page con le stesse regole di accessibilità automatiche da cui parte chi verifica la conformità. Segnala per nome un riquadro senza titolo, e segnala la riproduzione automatica quando il lettore la dichiara. Nessuna macchina può verificare i sottotitoli né le trascrizioni: questi due punti spetta a lei verificarli.