Pause, stop, skjul
Bevægende, blinkende, scrollende eller automatisk opdaterende indhold, der varer mere end fem sekunder, skal kunne sættes på pause, stoppes eller skjules af brugeren. Dækker karruseller, nyheds-tickers, animerede annoncer og automatisk opdaterende feeds.
Hvad kriteriet kræver
For indhold, der opfylder alle tre betingelser — (a) bevæger sig, blinker, scroller eller opdateres automatisk, (b) starter automatisk, (c) varer mere end fem sekunder og vises parallelt med andet indhold — skal brugeren have en mekanisme til at sætte på pause, stoppe eller skjule det. Det samme gælder automatisk opdaterende indhold, der ikke er bevægelse (live-nyhedsfeeds, resultattavler, chat).
Undtagelser: hvor bevægelsen er nødvendig for aktiviteten (en video der afspilles, en animationstutorial) og hvor indholdet er det eneste på skærmen (en indlæsningsanimation inden indhold vises).
Sådan lever du op til det
- Tilføj en synlig pause/play-knap til enhver karrusel, slideshow eller automatisk fremrykkende banner. Gør den til det første fokuserbare element i karrusel-widgetten.
- Sæt karruseller automatisk på pause ved hover og tastaturfokus — men brugeren skal stadig have mulighed for at stoppe dem helt.
- For nyheds-tickers, marquee-elementer og kurssstriber: vis en pauseknap i samme linje med minimum 24×24 pixels.
- For automatisk opdaterende dashboards (Kibana, Grafana, live sport): giv brugeren en vælger for opdateringsinterval, der inkluderer en „kun manuel opdatering“-mulighed.
- Animerede GIF’er, der looper i det uendelige, bør erstattes med
<video>med synlige kontroller eller et klik-for-at-afspille-mønster.
Typiske fejl
- Hero-karruseller, der roterer hvert tredje til femte sekund uden pausekontrol — stadig den hyppigste 2.2.2-fejl i tilgængelighedsaudit.
- Automatisk afspillende videobaggrunde uden kontroller, særligt på markedsføringssider.
- Nyhedssite-tickers, der scroller vandret uden pauseknap.
- Animerede SVG-illustrationer på landingssider, der looper for evigt uden stopmulighed.
- Toast-notifikationer der stapeles løbende fra et live feed uden mulighed for at sætte dem på lydløs.
axe og Lighthouse kan registrere <marquee> og visse prefers-reduced-motion-overtrædelser, men de kan ikke identificere en JavaScript-drevet karrusel uden kontroller. Manuel gennemgang er nødvendig.
Hvorfor det er vigtigt
Automatisk bevægende indhold er et af de mest deaktiverende mønstre på nettet. Det trækker opmærksomheden fra alle med opmærksomhedsrelaterede funktionsnedsættelser (ADHD, visse angstlidelser, post-commotio-syndrom), det tvinger skærmlæserbrugere til konstant at miste deres plads, efterhånden som DOM-noder opdateres, og det gør læsning umulig for svagsynede brugere, der bevæger sig langsomt over tekst. En pauseknap er én af de billigste og mest virkningsfulde tilgængelighedsforbedringer, et marketingteam kan foretage.