Controllo dell'audio
Qualsiasi audio riprodotto automaticamente per più di tre secondi deve disporre di un controllo di pausa, interruzione o volume indipendente dal volume di sistema, in modo da non coprire la voce dello screen reader.
Cosa richiede
Se una pagina riproduce audio in modo automatico — un loop di musica di sottofondo, un video che si avvia al caricamento della pagina con l’audio attivo, un annuncio con riproduzione automatica — e il suono dura più di tre secondi, l’utente deve poterlo mettere in pausa, arrestarlo o regolarne il volume in modo indipendente dal volume di sistema. Il motivo è tecnico: lo screen reader parla al volume di sistema; l’audio di sottofondo allo stesso livello ne copre completamente la voce.
Come soddisfare questo criterio
- Non riprodurre audio automaticamente al caricamento della pagina. È il percorso più semplice verso la conformità.
- Se la riproduzione automatica è indispensabile (ad esempio, una pagina di esperienza multimediale dedicata), fornire un pulsante visibile di pausa o interruzione all’interno del primo viewport.
- Aggiungere un cursore del volume indipendente che non dipenda dal volume del sistema operativo.
- Utilizzare
<video muted>per i video con riproduzione automatica — i browser moderni bloccano comunque la riproduzione automatica con audio. - Verificare che il controllo audio sia raggiungibile da tastiera e sia il primo elemento interattivo dopo l’avvio dell’audio.
Errori comuni
- Video promozionale che si riproduce automaticamente con audio e non dispone di alcun controllo di silenziamento visibile.
- Loop di musica di sottofondo su un sito portfolio che sfuma in ingresso nell’arco di 5 secondi senza un pulsante di disattivazione.
- Annunci con riproduzione automatica il cui controllo di silenziamento si trova all’interno di un
<iframe>su cui l’utente non può portare il focus. - Elementi audio con l’attributo
autoplaye senza l’attributocontrols. - Video in evidenza con un pulsante di pausa che appare solo al passaggio del cursore — gli utenti da tastiera non riescono a trovarlo.
Perché è importante
Praticamente nessun browser moderno consente la riproduzione automatica con audio, quindi il criterio 1.4.2 è già applicato in larga misura da Chrome e Safari in modo automatico. È comunque necessario verificare qualsiasi pagina che utilizzi costruttori Audio() o chiamate a play() da JavaScript — questi aggirano alcune delle euristiche di blocco della riproduzione automatica e possono causare il mancato soddisfacimento di questo criterio.