Testningsmall

Owned by Dennis Centerhag
Last updated: sep. 05, 2024
1 min read

Detta är den testmall vi använder för att granska komponenter/webbsidor. Med hjälp av denna mall säkerställer vi att tillgängligheten uppfyller de lagkrav som finns. Vi kontrollerar även att tillgängligheten fungerar som förväntat i de mest använda webbläsarna, eftersom funktionalitet och utseende kan variera mellan olika webbläsare.

Område

Resultat

Kommentar

Område

Resultat

Kommentar

Skärmläsare

  • Jaws

  • VoiceOver

  • NVDA

 

 

Förstorning av text

Edge:
Chrome:
Safari:
Firefox:

 

Liten skärm

Edge:
Chrome:
Safari:
Firefox:

 

Stående / liggande läge

Edge:
Chrome:
Safari:
Firefox:

 

Inzoomat läge 200%

Edge:
Chrome:
Safari:
Firefox:

 

Tangentbordsnavigering

  • Nå alla interaktiva element

  • Hantera alla interaktiva element

Edge:
Chrome:
Safari:
Firefox:

 

Textavstånd

Edge:
Chrome:
Safari:
Firefox:

 

Fokusordning

Edge:
Chrome:
Safari:
Firefox:

 

Kontraster

 

 

Tydlig fokusram vid interaktiva element (minst 3.0 kontrastvärde)

Edge:
Chrome:
Safari:
Firefox:

 

Liten text ska uppnå 4.5 i kontrastvärde

(18,5 pxl anses som stor text.)

Edge:
Chrome:
Safari:
Firefox:

 

Stor text ska uppnå minst 3.0 i kontrastvärde.

(18,5 pxl anses som stor text.)

Edge:
Chrome:
Safari:
Firefox:

 

Icke text-objekt ska uppnå minst 3.0 i kontrastvärde.

Edge:
Chrome:
Safari:
Firefox:

 

 

 

 

Felmeddelanden kopplade till inputfällt

Edge:
Chrome:
Safari:
Firefox:

 

Rubrikstruktur

Edge:
Chrome:
Safari:
Firefox:

 

Tydlig text

Edge:
Chrome:
Safari:
Firefox:

 

Klickbara element ska ha en klickyta på minst 24 x 24 pxl

Edge:
Chrome:
Safari:
Firefox: