Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Barrierefreiheit
Perché i contenuti in movimento su un sito web hanno bisogno di una funzione di pausa?
contenuti in movimento brauchen eine pausa-Funktion, weil Bewegung den Blick zwingend anzieht: Neben einem laufenden Bilderkarussell können Menschen mit Aufmerksamkeits- oder Lesestörungen den eigentlichen Text nicht erfassen. Die WCAG verlangen deshalb: Alles, was sich automatisch bewegt, blinkt oder rollt und länger als fünf Sekunden dauert, muss sich pausieren, stoppen oder ausblenden lassen. Das gilt auch für sich selbst aktualisierende contenutoe wie Ticker.
caroselli, testo scorrevoleen und video di sfondo
Die häufigsten Dauerläufer sind Startseiten-caroselli, die alle paar Sekunden das Bild wechseln, video di sfondo hinter der Hauptüberschrift und Nachrichten-Ticker. Für viele visitatore sind sie eine Geduldsprobe, für manche eine echte Barriere: Wer langsam liest, verliert den Satz, wenn das Bild darunter wechselt. Wer eine Aufmerksamkeitsstörung hat, kann den Blick nicht von der Bewegung lösen. Die Lösung ist einfach — eine sichtbare pausa-pulsante direkt am bewegten Element, per Maus und tastiera bedienbar. Noch besser: Das carosello wechselt gar nicht automatisch, sondern nur, wenn visitatore selbst weiterblättern.
So prüft der servizio di verifica bewegte contenutoe
Der automatische Durchlauf erkennt die veralteten Blink- und testo scorrevole-Elemente im codice sorgente zuverlässig — sie gelten als violazione gegen dieses Kriterium. Moderne caroselli und video di sfondo sind dagegen technisch normale Bausteine, deren Verhalten sich erst im Betrachten zeigt: Läuft es länger als fünf Sekunden, gibt es eine pausa-pulsante, ist sie per tastiera erreichbar. Diese Fragen beurteilt ein Mensch. Der Prüfbericht weist jedes criterio WCAG einzeln aus — bestanden, verstoßen, manuell zu prüfen oder nicht automatisiert prüfbar — und macht damit sichtbar, welcher Teil der Aussage gemessen und welcher offen ist.
Beispiele
Karussell ohne Pause
<div class="slider" data-autoplay="true" data-interval="4000">…</div><div class="slider" data-autoplay="true" data-interval="4000">
<button type="button" aria-pressed="false" class="pause">Anhalten</button>
…
</div>Bewegung, die länger als fünf Sekunden läuft und automatisch startet, braucht Anhalten, Stoppen oder Ausblenden.
- Nella Sua homepage, conti tutto ciò che si muove da solo: carosello, video, ticker, riquadri animati.
- Aggiunga a ogni elemento un pulsante di pausa visibile, raggiungibile anche da tastiera.
- Converta i caroselli in scorrimento manuale — i visitatori decidono da soli quando arriva l'immagine successiva.
- Rimuova gli elementi blink e marquee dal codice sorgente senza sostituzione; provengono da un'era web diversa.
- Rispetti l'impostazione del sistema operativo "Riduci movimento" e disattivi le animazioni di conseguenza.