Skärmläsare och tangentbordsnavigation

Vår webbplats använder ARIA-attribut (Accessible Rich Internet Applications) tillsammans med olika beteendeanpassningar för att användare som använder skärmläsare ska kunna läsa, förstå och använda webbplatsens funktioner. När en användare med skärmläsare går in på webbplatsen visas en uppmaning att aktivera ett särskilt läge för att kunna navigera och använda webbplatsen på ett effektivt sätt.

Här är några av de viktigaste kraven vi stödjer:

1. Optimering för skärmläsare

Vi använder en process som analyserar webbplatsens komponenter från topp till botten för att bibehålla efterlevnad även när webbplatsen uppdateras. I processen förser vi skärmläsare med meningsfull information via ARIA-attribut. Det kan exempelvis vara korrekta etiketter för formulärfält, beskrivningar av klickbara ikoner (sociala medier, sök, varukorg m.m.), vägledning vid validering av formulär, samt roller för element som knappar, menyer och modala dialoger (popupfönster).

Processen skannar även webbplatsens bilder och skapar vid behov beskrivande ALT-texter (alternativ text) med hjälp av objektigenkänning. Den kan även extrahera text som finns inbäddad i bilden med OCR-teknik (optisk teckenigenkänning).

För att aktivera optimering för skärmläsare kan användare trycka Alt + 1. Användare med skärmläsare får också automatiska meddelanden om att slå på optimering när de kommer in på webbplatsen. Anpassningarna är kompatibla med vanliga skärmläsare som JAWS, NVDA, VoiceOver och TalkBack.

2. Optimering för tangentbordsnavigation

Processen justerar även webbplatsen HTML och lägger till funktioner via JavaScript för att webbplatsen ska kunna användas fullt ut med tangentbord. Det inkluderar bland annat att:

• navigera med Tab och Shift + Tab
  
• hantera rullmenyer med piltangenter, stänga med Esc.
  
• aktivera knappar och länkar med Enter.
• navigera mellan radioknappar och kryssrutor med piltangenter, och markera med mellanslag eller Enter.
  

Användare som är i behov av tangentbordsnavigering kan dessutom få tillgång till en meny för att hoppa förbi innehåll (”hoppa till innehåll”) eller som första element vid tangentbordsnavigering. Om popup-fönster öppnas flyttas fokus automatiskt till dessa, så att fokus inte hamnar utanför dialogen.

Användare kan även använda genvägar som:

• M (menyer)
• H (rubriker)
• F (formulär)
• B (knappar)
• G (grafik/bilder)

Användarprofiler som stöds

• Säkerhetsprofil för epilepsi:
  Minskar risken för anfall genom att ta bort blinkande/flimrande animationer och riskfyllda färgkombinationer.
• Profil för Synnedsättning:
  Anpassar webbplatsen för vanliga synnedsättningar som försämrad syn, tunnelseende, grå starr, glaukom m.m.
• Kognitiv funktionsnedsättningar profil:
  Hjälpfunktioner för att underlätta fokus och förståelse för personer med exempelvis autism, dyslexi, stroke (CVA) m.m.
• ADHD-vänligt profil
  Minskar distraktioner och ”brus” för att underlätta läsning och fokus.
• Profil för blinda användare (skärmläsare)
  Gör webbplatsen kompatibel med skärmläsare som JAWS, NVDA, VoiceOver och TalkBack.
• Profil för tangentbordsnavigation (motorik)
  Gör det lättare att använda webbplatsen med Tab/Shift+Tab och Enter samt genvägarna M, H, F, B och G.

Ytterligare anpassningar för UI, design och läsbarhet

1. Teckensnitt – ändra storlek, typsnitt, avstånd, justering, radavstånd m.m.
2. Färger – välj kontrastläge som ljust, mörkt, inverterat och monokromt. Det går även att byta färgscheman för rubriker, text och bakgrunder med flera alternativ.
3. Animationer – stoppa animationer (inkl. video, GIF:ar och CSS-effekter) för att minska risker för epilepsi känsliga användare.
4. Markering av innehåll – betona viktiga element som länkar och rubriker, eller markera endast element som är i fokus/under muspekaren.
5. Ljud av – stäng av allt ljud på webbplatsen direkt (kan hjälpa användare med hörselhjälpmedel som påverkas av ljud som spelar upp automatiskt).
6. Stöd vid kognitiva svårigheter – sökfunktion kopplad till Wikipedia och Wiktionary som kan hjälpa till att förklara begrepp, förkortningar, slang etc.
7. Fler funktioner – bland annat ändra markörens färg och storlek, utskriftsläge, virtuellt tangentbord och fler hjälpmedel.

Hur tillgänglig är hemsidan?

Vi arbetar kontinuerligt med att förbättra tillgängligheten på webbplatsen. Vi är medvetna om att delar av hemsidan kan brista i sin tillgänglighet och kan därför vara delvis förenlig med lagen om tillgänglighet.

Innehåll som inte är tillgängligt

Formulär och användarinmatning: Webbplatsen saknar viss tillgänglighet gällande hur formulär är strukturellt uppbyggda för att användaren ska kunna ta del av materialet på ett tillgängligt vis. Specifikt innehåller denna hemsida brister i

Vi arbetar löpande med att identifiera problem och förbättra vår tillgänglighet.

Hur vi testat webbplatsen

Vi genomför regelbundna tillgänglighetstester med ett verktyg och sammanställer resultaten i rapport.

Kompatibilitet med hjälpmedel och webbläsare

Vi strävar efter att stödja så många webbläsare och hjälpmedel som möjligt så att användare kan välja de verktyg som passar dem bäst, med så få begränsningar som möjligt. Därför har vi arbetat för att stödja de största systemen som tillsammans utgör över 95 % av marknaden, inklusive Google Chrome, Mozilla Firefox, Apple Safari, Opera och Microsoft Edge. Vi stödjer även skärmläsare som JAWS och NVDA för både Windows- och Mac-användare.

Anmärkningar, synpunkter och feedback

Trots vårt arbete kan det finnas sidor eller delar av webbplatsen som ännu inte är fullt tillgängliga, som är under förbättring, eller där det saknas en tillräcklig teknisk lösning. Vi förbättrar kontinuerligt tillgängligheten genom att lägga till, uppdatera och vidareutveckla funktioner och genom att ta till oss nya tekniker i takt med den tekniska utvecklingen.