2.4.7 Fokus ska vara synligt AA

Användare som navigerar med tangentbord gör det 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 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 och mellanslagstangenten aktiverar knappen som har fokus.

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.

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