WCAG 2.3.1 Tre flimmer eller under tröskelvärde

Inget på sidan får flimra mer än tre gånger under en sekund, om inte flimret är så litet eller svagt att det ligger under tröskelvärdena för flimmer och rött flimmer. Snabbt flimmer kan utlösa epileptiska anfall, och kravet gäller därför hela sidan. Det enklaste är att inte ha något som blinkar snabbt alls. I en webbutik är det oftast animerade banners, blinkande etiketter och kampanjfilmer med snabba ljusa klipp.

• Rea-etiketten växlar mellan rött och vitt flera gånger per sekund.
• En animerad gif i kampanjbannern blinkar snabbt mellan svart och vitt.
• Kampanjfilmen har snabba klipp med blixtar eller stroboskopljus.
• En animation som visar att varan har lagts i varukorgen blinkar med stor yta över hela skärmen.

Ta bort snabbt blinkande effekter. Behövs en etikett som drar blicken till sig, gör den tydlig med färg och text i stället, eller låt den tona in en gång. Klipp om filmer med blixtar eller stroboskop.

/* Blinkar fyra gånger per sekund */
.rea { animation: blinka 0.25s steps(2) infinite; }

/* Tonar in en gång, och står still för den som valt minskad rörelse */
.rea { animation: tona-in 0.6s ease-out 1; }
@media (prefers-reduced-motion: reduce) {
  .rea { animation: none; }
}

Kontrollera själv

Ingen av de automatiska kontrollerna mäter flimmer. Gå igenom sidorna och filmerna och leta efter allt som blinkar. Är du osäker på en film går den att kontrollera med ett analysverktyg för flimmer, till exempel det fria PEAT från Trace Center vid University of Maryland.

• Understanding 2.3.1 Three Flashes or Below Threshold hos W3C (på engelska)
• Kravet i W3C:s svenska översättning

Det svenska namnet kommer från W3C:s auktoriserade svenska översättning, som gäller WCAG 2.0. Kravet 2.3.1 har samma lydelse i WCAG 2.1.