← Tillbaka till alla riktlinjer

2.4.11

Fokus utseende (minimum)

Denna riktlinje är på AA-nivå. När ett element får tangentbordsfokus, alltså när en användare använder tangentbordet (eller liknande verktyg) för att navigera på en hemsida, ska fokus uppnå de listade kraven nedan.

  • Skillnaden i kontrast mellan ett element utan fokus och ett med fokus ska uppgå till minst 3:1.
  • Denna yta ska vara minst 1px bred runt hela elementet eller minst 4px bred om man använder fokus på en av kortsidorna på elementet. Detta kan till exempel vara en knapp.
  • Skillnaden i kontrast mellan den omkringliggande färgen och själva elementet med fokus måste uppgå till minst 3:1
  • Elementet med fokus får inte helt döljas av andra ytor till exempel en popup-meny eller ett fast (”sticky”) sidhuvud eller sidfot.

Det finns flera exempel med bilder på W3s hemsida (extern sida på engelska).