Hoppa till innehållet
Ett tangentbord, illustration.
Useit granskar e-handeln

1: Gränssnittet går att hantera med tangentbord

Ingen av de granskade e-handelswebbplatserna klarade samtliga krav kopplade till tangentbordsnavigering.

Varför är det viktigt?

För användare som har begränsade möjligheter att använda en mus så är det viktigt att det går att styra gränssnittet enbart med tangentbordet. Det gäller bland annat personer med motoriska nedsättningar men också gravt synskadade användare med skärmläsare.

För att tangentbordsnavigering ska fungera på ett bra sätt behöver webbplatsen ha

  • en förutsägbar fokusordning
  • en tydlig visuell fokusmarkering så att användaren ser var den befinner sig
  • användbara tangentbordsgenvägar.
Granskade lagkrav från EN 301 549
  • 9.2.1.1 Keyboard (A)
  • 9.2.1.2 No Keyboard Trap (A)
  • 9.2.1.4 Character Key Shortcuts (A)
  • 9.2.4.3 Focus Order (A)
  • 9.2.4.7 Focus Visible (AA)

Resultat

0 % av webbplatserna lever upp till kraven kopplade till tangentbordsstyrning20 underkända0 godkända

Inte en enda av de granskade webbplatserna klarar kraven kring tangentbordsstyrning. Webbplatserna har allvarliga fel av olika slag. Vi har bland annat sett att

  • viktiga funktioner inte går att nå med tangentbordet
  • tangentbordsfällor gör att användaren fastnar
  • fokusordningen är ologisk
  • det går att navigera i bakgrunden bakom täckande fönster (som till exempel fönster för att godkänna kakor).

0% godkända

Exempel på problem

4 av webbplatserna har tangentbordsfällor4 underkända

En tangentbordsfälla uppstår när gränssnittet fångar användarens fokus och det inte går att ta sig därifrån med förväntade tangentbordskommandon. Sådana fällor riskerar att helt stänga ute tangentbordsanvändare från delar av webbplatsen.

Vi hittade fyra webbplatser med tangentbordsfällor.

Det var till exempel sökfält som gick att navigera till med tabb-tangenten, men som sedan inte gick att lämna.

  • 9.2.1.2 No Keyboard Trap (A)
En webbsida med fokus på ett sökfält, illustration.
14 av webbplatserna har en ologisk fokusordning14 underkända

När användaren trycker på tabb-tangenten ska fokus flyttas mellan alla interaktiva element på sidan i en förutsägbar ordning. Om ordningen är ologisk blir det svårt eller omöjligt att navigera.

Vi hittade problem med ologisk fokusordning på de flesta av de testade webbplatserna. Ett återkommande problem var att det gick att lämna täckande fönster och komma åt innehåll bakom fönstret, eller att fokus inte flyttas till nya områden som öppnas.

Extremfallet var en webbplats som krävde 70 tryck på tabb-tangenten för att kunna stänga fönstret för att godkänna kakor.

  • 9.2.4.3 Focus Order (A)
En webbplats med synlig numrering som visar ordning för tabbfokus, illustration.
13 av webbplatserna döljer fokusmarkeringen för vissa objekt13 underkända

Alla knappar, länkar och interaktiva objekt som får fokus med tangentbordet måste ha en tydlig visuell fokusmarkering, till exempel en färgad ram eller en understrykning.

Att ta bort fokusmarkeringen kan jämföras med att dölja muspekaren för någon som navigerar med mus. Det blir nästan omöjligt att ta sig runt på sidan.

Fler än hälften av de granskade webbplatserna hade bristande fokusmarkering.

  • 9.2.4.7 Focus Visible (AA)
En webbplats där ett objekt har fått en synlig fokusmarkering, illustration.

Vill du veta tillgänglighetsstatus på din app eller webbplats?

Hör av dig till oss så bokar vi in ett förutsättningslöst möte och gör en
livegranskning.