WCAG 2.2.1 Justerbar tidsgräns
Nivå AHanterbar
Vad kravet betyder i en webbutik
Har något på sidan en tidsgräns ska kunden kunna stänga av den, ändra den eller förlänga den. Förlängning ska varnas om i förväg, ge minst 20 sekunder att svara och gå att göra med en enkel handling, minst tio gånger. Undantag finns för tidsgränser som hör till händelser i realtid, som en auktion, för tidsgränser som är nödvändiga, och för gränser på över 20 timmar. Den som läser långsamt eller använder hjälpmedel behöver ofta längre tid i kassan.
Vanliga fel
- Varukorgen töms efter en viss tid utan varning, och varorna försvinner mitt i köpet.
- Kassan avbryts efter några minuter, och allt som fyllts i måste skrivas igen.
- Kunden loggas ut efter en kort stund utan att få en fråga om att fortsätta.
- Sidan laddas om eller byter adress av sig själv med meta refresh.
- Ett bildspel med erbjudanden byter bild så snabbt att texten inte hinner läsas.
Så rättar du det
Behövs tidsgränsen inte, ta bort den. Annars: varna i god tid och låt kunden förlänga med en knapp. Omdirigeringar görs på servern.
<div role="alertdialog" aria-labelledby="tid-rubrik">
<h2 id="tid-rubrik">Varukorgen är reserverad i 2 minuter till</h2>
<button type="button" onclick="forlangReservation()">
Behåll varorna i 30 minuter till
</button>
</div>Vem kontrollerar det
Gratistestet
Gratistestet letar efter det här i källkoden:
- Sidan laddas om eller byter adress automatiskt efter en tid.
Gratistestet hittar sidor som laddas om eller byter adress av sig själva med meta refresh. Tidsgränser i varukorgen, kassan och inloggningen styrs av butikens system och syns inte i koden. Fråga leverantören hur länge en varukorg och en inloggning gäller, och prova själv vad som händer när tiden går ut.
Läs mer
Guider om kriteriet
Det svenska namnet kommer från W3C:s auktoriserade svenska översättning, som gäller WCAG 2.0. Kravet 2.2.1 har samma lydelse i WCAG 2.1.