Linee Guida

Contenuti in movimento, lampeggianti o intermittenti

I contenuti in movimento, lampeggianti o intermittenti possono rendere più difficile l’utilizzo di un sito web, distrarre l’attenzione e, in alcuni casi, causare anche seri problemi di salute. Quando tali contenuti sono necessari, l’utente deve avere la possibilità di fermarli, metterli in pausa o nasconderli.
Vrsta: Accessibilità digitale
Zahtevnost: Base
Autore: Andreja Bevc
Pubblicato:
Aggiornato:
Deli na:

Smernica pokriva oviranosti:

I contenuti in movimento, lampeggianti o intermittenti comprendono animazioni, video riprodotti automaticamente, caroselli, testi scorrevoli e altri effetti visivi che si muovono o cambiano senza il controllo dell’utente.

Se tali contenuti si avviano automaticamente, durano troppo a lungo o non possono essere interrotti, l’utente potrebbe non riuscire a leggere le informazioni prima che cambino oppure potrebbe perdere la concentrazione a causa del movimento continuo. Lampeggiamenti e flash rapidi possono inoltre provocare crisi epilettiche nelle persone sensibili.

Per quali utenti è particolarmente importante?

La possibilità di controllare il movimento è particolarmente importante per:

  • persone con disturbi dell’attenzione,
  • persone con disabilità cognitive,
  • utenti ipovedenti che necessitano di più tempo per leggere,
  • persone con emicrania o maggiore sensibilità agli stimoli visivi,
  • persone con disturbi vestibolari, per le quali il movimento può causare vertigini o nausea,
  • persone con epilessia fotosensibile.

I contenuti in movimento possono distrarre anche gli utenti senza disabilità, soprattutto quando più elementi della pagina si muovono contemporaneamente o quando il contenuto cambia prima che riescano a leggerlo. È quindi importante che tali contenuti dispongano di pulsanti chiaramente visibili che consentano all’utente di interromperli e controllarli.

Suggerimento: È preferibile evitare effetti in movimento o lampeggianti che non siano necessari per comprendere o utilizzare il contenuto. Se vengono utilizzati, i controlli devono essere chiaramente visibili, avere etichette comprensibili ed essere accessibili anche tramite tastiera.

Problemi frequenti dei contenuti in movimento

Carosello senza possibilità di controllo

Pratica scorretta: Il carosello cambia automaticamente immagini e testo e l’utente non ha la possibilità di interrompere la riproduzione o tornare al contenuto precedente.
Carosello di contenuti museali senza pulsanti visibili per interrompere la riproduzione o passare al contenuto precedente e successivo.
Buone pratiche: Il carosello dispone di pulsanti chiaramente visibili per passare al contenuto precedente o successivo e di un pulsante di pausa. L’utente può interrompere il movimento e leggere il contenuto secondo i propri tempi.
Carosello di contenuti museali con pulsanti chiaramente visibili per interrompere la riproduzione e passare al contenuto precedente e successivo.

I pulsanti sono poco visibili o poco chiari

Pratica scorretta: Il pulsante di pausa è poco visibile, appare solo quando si sposta il puntatore oppure è indicato con un’icona poco comprensibile.
Carosello di contenuti con un pulsante di pausa difficile da individuare a causa dello scarso contrasto.
Buone pratiche: I pulsanti sono sempre chiaramente visibili, hanno etichette comprensibili e possono essere utilizzati anche tramite tastiera.
Carosello di contenuti con pulsanti ben visibili e con contrasto adeguato per interrompere la riproduzione e passare al contenuto precedente e successivo.

Maggiori informazioni sul contrasto adeguato e sull’uso del colore

L’interruzione non funziona per tutti gli elementi

Pratica scorretta: L’utente interrompe il carosello principale, ma gli altri elementi della pagina che si muovono automaticamente continuano a essere riprodotti.
Buone pratiche: L’interruzione arresta tutti gli elementi che si muovono automaticamente e l’utente può riavviarli quando lo desidera.

Contenuti lampeggianti e con flash rapidi

I contenuti lampeggianti rappresentano un rischio particolare per le persone con epilessia fotosensibile. Sono problematici soprattutto i lampeggiamenti intensi che si verificano più volte al secondo e occupano un’ampia parte dello schermo.

Il rischio è maggiore quando:

  • si verificano tre o più flash in un secondo,
  • la differenza tra le parti chiare e quelle scure è marcata,
  • l’effetto copre un’ampia area dello schermo,
  • sono presenti intensi flash rossi.

È preferibile evitare completamente tali effetti. Un avviso prima del contenuto non costituisce di per sé una soluzione sufficiente, poiché l’utente potrebbe essere esposto ai lampeggiamenti prima ancora di notare o comprendere l’avviso.

Pratica scorretta: Sulla pagina viene riprodotto automaticamente un annuncio o un’animazione con lampeggiamenti rapidi e intense variazioni luminose.
Lo schermo mostra rapidi flash luminosi che possono causare problemi ad alcuni utenti.
Buone pratiche: Il contenuto non utilizza lampeggiamenti rapidi. Gli elementi visivi di evidenziazione sono presentati mediante transizioni più graduali, variazioni di colore, bordi o altri effetti che non comportano rischi per la salute.

Collegamento con le linee guida per l’accessibilità (WCAG)

L’ambito dei contenuti in movimento, lampeggianti e intermittenti è disciplinato principalmente dai seguenti criteri di successo WCAG:

  • 2.2.2 Pausa, stop, nascondi
  • 2.3.1 Tre lampeggiamenti o inferiore alla soglia

Attraverso un uso consapevole delle animazioni e la disponibilità di opzioni chiare per interromperle, consentiamo agli utenti di fruire dei contenuti secondo i propri tempi. Evitando lampeggiamenti rapidi, preveniamo inoltre il rischio di gravi conseguenze per la salute.