Keyboard Navigation
8 inlägg
WCAG 2.1.2: Ingen tangentbordsfälla
WCAG 2.1.2 kräver att tangentbordsanvändare aldrig blir fast i en komponent — om fokus kan flyttas in i ett UI-element med hjälp av ett tangentbord, måste det också vara möjligt att flytta fokus därifrån med enbart tangentbordet. Detta kriterium är avgörande för användare som förlitar sig uteslutande på tangentbordsnavigering, inklusive personer med motoriska funktionsnedsättningar och skärmläsaranvändare.
WCAG 2.4.1: Hoppa över block
WCAG 2.4.1 kräver att webbsidor tillhandahåller en mekanism för att hoppa över upprepade innehållsblock, såsom navigationsmenyer, så att tangentbordsanvändare och användare av hjälpmedel kan nå huvudinnehållet utan att tabba genom varje länk. Detta är ett krav på nivå A, vilket innebär att det är basnivån för tillgänglig tangentbordsnavigering.
WCAG 2.4.3: Fokusordning
WCAG 2.4.3 kräver att om en webbsida kan navigeras sekventiellt och navigeringssekvenserna påverkar betydelse eller funktion, måste fokuserbara komponenter få fokus i en ordning som bevarar betydelse och användbarhet. Detta kriterium är avgörande för tangentbordsanvändare och användare av hjälpmedel som är beroende av en logisk, förutsägbar fokussekvens för att förstå och interagera med innehållet.
WCAG 3.2.1: Vid fokus
WCAG 3.2.1 Vid fokus kräver att när någon användargränssnittskomponent får tangentbordsfokus får den inte utlösa en oväntad förändring av kontext. Detta skyddar tangentbordsanvändare och användare av hjälpmedel från desorienterande, oförutsägbart beteende som kan göra en sida omöjlig att navigera effektivt.
WCAG 2.4.7: Synlig fokus
WCAG 2.4.7 kräver att alla tangentbordsstyrda användargränssnitt har en synlig fokusindikator så att användare alltid kan se vilket element som för närvarande har tangentbordsfokus. Detta är avgörande för användare som enbart använder tangentbord, personer med motoriska funktionsnedsättningar och alla som inte kan använda en mus.
WCAG 2.4.11: Fokus inte skymd (minimum)
WCAG 2.4.11 kräver att när en UI-komponent får tangentbordsfokus får den inte vara helt dold av innehåll som skapats av författaren, såsom klistriga sidhuvuden, cookie-banners eller chattwidgetar. Detta kriterium säkerställer att tangentbordsanvändare alltid kan se var de befinner sig på sidan, vilket är avgörande för navigering och användbarhet.
WCAG 2.4.12: Fokus inte skymd (utökad)
WCAG 2.4.12 kräver att när en UI-komponent får tangentbordsfokus får ingen del av den komponenten döljas av innehåll som skapats av författaren – det fokuserade elementet måste vara helt synligt. Detta utökade (AAA) kriterium eliminerar den delvisa synlighetsmarginalen i dess AA-motsvarighet och säkerställer att tangentbordsanvändare alltid ser exakt var fokus är.
WCAG 2.4.13: Fokusutseende
WCAG 2.4.13 kräver att fokusindikatorer för tangentbord uppfyller minimikrav på storlek och kontrast så att användare tydligt kan se vilket element som har fokus. Detta kriterium säkerställer att personer som är beroende av tangentbord eller hjälpmedelsteknik kan navigera i gränssnitt utan att tappa bort sin aktuella position.