Fokus ska vara synligt

Användare som navigerar med tangentbord gör så genom att flytta fokus mellan element. För att veta vilket element som är i fokus behöver det finnas en tydlig markör på elementet. Fokusmarkören måste vara synlig under hela tiden som elementet är i fokus.

Hur markören bör se ut beskrivs i riktlinje 2.4.13 Fokus utseende.

Exempel

Klicka på den första knappen och flytta sedan fokus mellan knapparna med hjälp av tab-tangenten. För att aktivera en knapp använder du enter.

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

I detta exempel har knapp 1 och knapp 4 en synlig fokusmarkering, men knapp 2 och 3 har inte det. Det är inte helt lätt att hålla koll på vilken knapp som är i fokus när den inte har en synlig markering.

Testa riktlinjen

Testa riktlinjen genom att helt enkelt navigera på webbplatsen med tangentbordet och säkerställ att fokusmarkeringen alltid är synlig.

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