2.1.2

Tangentbordsfälla

Användare som använder tangentbord ska inte behöva fastna på en del av en webbplats. Om fokus på ett element inte går att flytta vidare, eller ut ur, så blir det omöjligt för dessa användare att fortsätta använda webbplatsen. 

Ett exempel är när en webbplats har popup-fönster eller dialogrutor som bara kan stängas med en mus eller pekskärm. Detta kan fånga användare som endast använder tangentbord och hindra dem från att navigera bort från popup-fönstret eller komma åt annat innehåll på webbplatsen.

När en användare med hjälp av enbart tangentbord flyttar fokus till ett element ska användaren kunna flytta fokus ut ur det elementet med hjälp av tab- eller piltangenterna. Krävs det en annan knapp för att flytta vidare fokus ska det tydligt framgå.

Exempel

I detta exempel öppnar en knapp en ruta. Testa att öppna rutan och navigera i den med enbart tangentbordet.

• Tab-tangenten flyttar fokus till nästa element.
• Shift + tab flyttar fokus till föregående element.
• Enter aktiverar knappen som fokus är i.
• Escape stänger ner rutan.

Eftersom vi inte vill att användare faktiskt ska fastna i rutan, går det att stänga ner den genom att trycka på Escape-tangenten. Om det inte skulle gå att stänga rutan med escape skulle det däremot vara omöjligt för användare som bara använder tangentbord att ta sig ut ur rutan. Knappen ”Stäng rutan” går inte att nå med tangentbord, och fungerar bara med mus. Det bryter även mot riktlinje 2.1.1 Använda tangentbord som handlar om att alla knappar ska gå att nå med tangentbord.

Riktlinje 2.1.1 Använda tangentbord

Riktlinjen går lite hand i hand med riktlinje 2.1.1 som handlar om att innehåll ska gå att använda med tangentbord, eftersom en oåtkomlig “stäng”-knapp inte uppnår den riktlinje 2.1.1 heller. Denna riktlinje inkluderar däremot element som går att nå, men som sedan inte går att ta sig ur. Alltså ska innehåll inte bara gå att nå, utan även kunna navigeras bort ifrån.

Testa riktlinjen

För att testa en webbplats mot riktlinjen är det bästa sättet att prova att navigera webbplatsen med enbart tangentbord. Använd endast tab- och piltangenterna för navigering och aktivera kontroller med enter eller mellanslag. Kontrollera att det inte går att fastna på någon del av webbplatsen.

Läs mer om riktlinje 2.1.2 på W3Cs webbplats.