Hoppa till innehållet

Tangentbord och fokus.

Allt som går att klicka på ska gå att nå med tabbtangenten. En synlig markering ska visa var man är. Punkten är godkänd när Tab når allt som går att använda och fokus syns på varje steg utan att fastna.

Gratis analys av hemsidan

Så prövas punkten

Vi tabbar genom startsidan och två undersidor i en riktig webbläsare och läser på varje steg om fokus har hamnat på något som går att använda, om det syns och om det ändrar utseende.

Samma sidor prövas med axe-core mot reglerna i WCAG 2.2 nivå A och AA som går att pröva automatiskt, till exempel bilder utan alt och fält utan etikett.

Om markeringen är tydlig nog är en bedömning. Den gör vi för hand i leveransbesiktningen av hemsidor vi bygger.

Så prövar du själv

Klicka i adressfältet och tryck Tab gång på gång. Markeringen ska synas hela tiden och följa sidans ordning. Shift och Tab går bakåt.

Så kan det stå i protokollet

3 element utan synlig fokusmarkering
Tre länkar eller knappar ser likadana ut med och utan fokus.
fokus hamnar på 2 dolda element
Tab stannar på något som inte syns, till exempel en stängd meny.
fokus fastnar efter 12 steg med Tab
Den som tabbar kommer inte vidare på sidan.
ingen hopplänk först på sidan och inget main-element
Den som tabbar eller använder skärmläsare kan inte hoppa förbi menyn.

Rapportera fel i bedömningen

Punkt nio av tjugo · AnvändaI en webbläsare

Allt går att nå med tangentbordet

kemero.se godkänd,

  • lang, alt, etiketter och hopplänk
  • 120 steg med Tab på 3 sidor, synlig markering på alla
  • inga fel i axe-reglerna för WCAG 2.2 A och AA
Hela protokollet för kemero.se

Varför den behövs.

Alla ska kunna nå knapparna.

Många använder tangentbordet i stället för musen, för att de måste eller för att det går fortare. Syns inte fokus vet de inte var de är.

Sedan 28 juni 2025 ställer lagen krav på tillgänglighet för bland annat e-handel. Även där lagen inte gäller är det samma sak som avgör om en besökare kan använda sidan.

Den prövade texten klarar kontrastkravet

Så rättar du den.

Behåll fokus och använd riktiga knappar.

  1. Ta inte bort webbläsarens fokusmarkering utan att sätta en egen som syns lika tydligt.

  2. Använd riktiga knappar och länkar i stället för rutor som bara svarar på klick.

  3. Lägg innehållet i ett main-element eller en länk först på sidan som hoppar förbi menyn.

  4. Göm länkarna i en stängd meny med display none. Att flytta dem utanför skärmen räcker inte.

Gratis analys av hemsidanSå fungerar besiktningen

Gäller punkten mig?

Mejla oss raden så säger vi vad den betyder för din hemsida.

Mejla oss på hej@kemero.se
Ring ossRing 070-728 21 89

iro svarar direkt, dygnet runt.

Alla tjugo punkter