Utrustning och inställningar för tester

Webbläsare

Testa i följande webbläsare:

• Chrome
• Safari
• Firefox
• Edge

Användningstest:

• Körs endast i den webbläsare användaren är van vid

Skärmbredder

Testa i olika skärmbredder:

• Full skärm
• I-pad läge (mellan fullskärm och mobilläge, hamburgerikon ska vara synlig)
• Mobilläge (välj inspektera, mobil-ikon, 320 px)
• Rotera mobilläge (väl inspektera, mobilikon, 320 px, ikon för att rotera skärmen)

Safari:

• För att kunna inspektera behöver du i Safari lägga till: Develop (Utvecklare) i menyn: support.apple.com/sv-se/guide/safari/sfri20948/mac .
• För att kunna välja mobilläge välj i menyn Develop: Enter Responsive Design Mode.

Användningstest:

• Kör i de skärmbredder som applikationen/funktionen främst ska användas i

Tangentbordsnavigering

Kortkommandon:

• Använd Tabb för att gå framåt, Shift-Tab bakåt
  • I Safari Ctrl + Tab
• Välja länk
  • Använd Retur för att välja länk som är i fokus
• Gå framåt/bakåt i historiken för en flik:
  • Alt+pil (Windows) eller Commad + pil (Mac)
• Hoppa till föregående/nästa flik i webbläsaren:
  • Ctrl+Shift+Tabb (Windows) eller Option+Command+pil (Mac)
• Markeras/avmarkera med hjälp av tangentbordet
  • Använd mellanslag för markera/avmarkera kryssrutor

Skärmläsare

VoiceOver (Mac)

• Se introduktionsfilm: Screen Reader Basics: VoiceOver -- A11ycasts #07 .
• Kortkommandon:
  • Av/på: CMD + F5
  • VO key=CTRL + OPTION
  • Gå till innehåll i browser: VO + SHIFT + "downarrow"
  • Gå igenom innehåll på sidan: VO + "rigtarrow"
  • Hoppa mellan rubriker (så använder man vanligtvis en skärmläsare): VO + CMD + H
  • Klicka: VO + SPACE
  • Hastighat på uppläsning: VO + CMD + "uparrow"/"downarrow"
  • Se olika element listade (Rotor) = VO + U

? (Windows)

Lägg till instruktioner för vanligaste skärmläsaren för Windows

Inställningar för textstorlek

• Förstora texten till åtminstone dubbel höjd och bredd (fungerar inte i alla skärmläsare):
  • Du gör det under inställningar för respektive webbläsare
• I Chrome (baserat på 1 rem) kan du välja följande:
  • Very small: 9px
  • Small: 12px
  • Medium: 16px (100%)
  • Large: 20px (125%)
  • Very large: 24px (150%)

Text spacing Bookmarklet

För att kunna öka avstånd mellan tecken, rader, stycken och ord, använda denna bookmarklet: www.html5accessibility.com/tests/tsbookmarklet.html .

Notera: Innehåller din sida iframes så fungerar den inte men Niklas ( hoyce@kth.se ) har en fungerande fix så kontakta honom i så fall tills den finns i det utpekade verktyget.