Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Waarom hebben bewegende inhoud op websites een pausefunctie nodig?
Bewegde inhalts nodig een pausefunctie, omdat beweging de blik dwingend trekt: naast een lopend beeldkaroussel kunnen mensen met aandachts- of leesstoornissen de werkelijke tekst niet erfassen. De WCAG verlangen daarom: alles wat automatisch beweegt, knippert of rolt en langer dan vijf seconden duurt, moet zich pauseren, stoppen of verbergen kunnen. Dit geldt ook voor zichzelf bijgewerkte inhalts als tickers.
Karousels, lopende schriften en achtergrondfilms
De frequentste dauerlopers zijn startpagina-karousels die elke paar seconden het beeld wisselen, achtergrondfilms achter de hoofopschrift en nieuws-tickers. Voor veel bezoekers zijn zij een geduldsproef, voor enkelen een echt obstakel: wie traag leest, verliest de zin wanneer het beeld eronder wisselt. Wie een aandachtsstoornis heeft, kan de blik niet van de beweging losmaken. De oplossing is eenvoudig — een zichtbare pauzeknop rechtstreeks aan het bewegende element, met muis en toetsenbord bedienbaar. Nog beter: het karoussel wisselt niet automatisch, maar alleen wanneer bezoekers zelf ombladen.
Zo controleert de controledienst bewegde inhalts
De automatische doorloop herkent de verouderde Blink- en lopende-schrift-elementen in de broncode voorzeker — zij tellen als schending van dit criterium. Moderne karousels en achtergrondfilms zijn daarentegen technisch normale bouwstenen, wier gedrag zich eerst in het bekijken toont: loopt het langer dan vijf seconden, is er een pauzeknop, is zij per toetsenbord bereikbaar. Deze vragen beoordeelt een mens. Het controlerapporthoud elk WCAG-criterium afzonderlijk aan — goedgekeurd, geschonden, handmatig te controleren of niet automatische controleerbaar — en maakt daarmee zichtbaar welk deel gemeten en welk open is.
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.
- Telbewegingen op uw startpagina alles wat zichzelf beweegt: carousel, video, ticker, geanimeerde tegels.
- Geef elk van deze elementen een zichtbare pauseknop die ook via toetsenbord bereikbaar is.
- Plaats carousels op handmatig bladeren - bezoekers beslissen zelf wanneer de volgende afbeelding komt.
- Verwijder Blink- en Marquee-elementen volledig uit de broncode; ze stammen uit een ander web-era.
- Respecteer de besturingssysteem-instelling beweging verminderen en schakel animaties dan uit.