Övning 4: Storleksförändringar

Liten skärm:

Sök upp valfri webbsida som du vill testa.

Använd sedan webbläsarens funktion för att simulera hur webbsidan uppfattas med olika skärmbredd:

  • Chrome: Visa -> Utvecklare -> Verktyg för utvecklare -> Toggle device toolbar
  • Safari: Utvecklare -> Använd responsivt designläge
  • Firefox: Verktyg -> Webbutvecklare -> Följsamt designläge. 
  • Edge: Utvecklarverktyg -> Enhet -> Anpassad

Välj 320 pixlars bredd. Det motsvarar en liten mobil - eller en stor skärm med  förstoring.

  • Klicka runt lite på webbplatsen. Fungerar det bra?
  • Behöver du scrolla i sidled? (Det ska inte behövas)
  • Får allt innehåll plats?
  • Vad händer med riktigt långa ord, om sådana finns? Avstavas de?

Nu kan du återgå till valfri fönsterbredd.

 

Extrauppgift 1: Förstoring av enbart text

I Chrome kan du göra så här:

  1. Menyval Inställningar -> Utseende -> Anpassa teckensnitt. 
  2. Markera reglaget för teckenstorlek så visas en siffra. Justera reglaget tills siffrans värde dubblerats. Då är texten så stor som wcag kräver.

I Firefox finns en bra funktion:

  1. Menyval Visa -> Zoom -> Zooma endast texten. 
  2. Upprepa Visa -> Zoom -> "Zooma in" (eller kommando-+) ända tills "200%" visas
  • Förstoras all text?
  • Fungerar layouten fortfarande?

Extrauppgift 2: Avstånd mellan tecken, ord och rader:

Installera bookmarklet (dra följande länk till ditt bokmärkesfält):

Obs! Inkluderar externa script, så använd inte på hemliga eller känsliga sajter.

Prova sedan (på några sidor) att välja bokmärket "Text  spacing".

Fungerar layouten?

Övning 7: Granskningsverktyg online

Testa din sajt med någon/några av följande!

-checkers.wtkollen.se (på svenska)
-web.dev (Googles)
-accessmonitor.acessibilidade.gov.pt (portugisiska, engelska)

Fler verktygstips på webbriktlinjer.se/testa

  • Får din sajt samma resultat med alla verktyg?
  • Vilket verktyg gillar du bäst?

Övning 8: Tilläggsprogram till Chrome

Testa själv eller med din bordsgranne valfri sajt med:

Övning 9: Testa med simulator

Vill du prova fler simulatorer? Se webbriktlinjer.se/simulera/