Tillgänglighet

Webbplatsen ska gå att använda med tangentbord, skärmläsare, förstoring och i en smal mobil.

Så har webbplatsen testats

Webbplatsen är delvis förenlig med WCAG 2.2 nivå AA, på grund av de brister som anges nedan. Webbplatsen testades i oktober 2026 med automatiska tester (axe) av kontrast, rubriker, formulär och fokus, med omflödning i 320 pixlars bredd och med tangentbord i Chromium. Skärmläsarstödet i webbversionen bygger på standardiserade ARIA-roller men har ännu inte testats med NVDA, JAWS eller VoiceOver. Redogörelsen uppdaterades den 21 oktober 2026.

Redogörelsen gäller den här webbplatsen, också webbutiken för planscherna och webblicensen: varukorgen, kassan, sidan efter köpet, Mitt konto och Ångra avtalet.

Webbutiken bygger på WooCommerce egna mallar och block, med webbplatsens färger och typsnitt. Sidorna som bygger på WooCommerce klassiska mallar (sidan efter köpet, Mitt konto, Ångra avtalet och kassan i klassisk form) testades med automatiska tester (axe) i ljust och mörkt läge och i 1440 och 320 pixlars bredd, med exempelinnehåll i en testinstallation. Varukorgen och kassan i blockform och betaltjänstens kortfält går bara att testa på den publicerade webbplatsen och har inte testats med automatiska verktyg eller skärmläsare.

Det här fungerar

Alla sidor går att använda med tangentbord och fokus syns tydligt. Fokus ska inte hamna under det fasta sidhuvudet.
Webbversionen av planschen är byggd som en interaktiv plansch med ARIA-roller för skärmläsare. Med webblicens flyttar piltangenterna mellan rutorna, och efter en sökning mellan banden. Enter visar detaljerna, plus och minus zoomar när en ruta eller ett band är valt, noll anpassar planschen till bredden och Escape stänger rutan. Utan webblicens förstoras planschen till träffen vid en sökning, piltangenterna stegar mellan träffarna och Enter visar detaljerna. Den valda rutan och det valda bandet läses upp och står i planschens namn. Planschens koder och tecken visas i ett utsnitt runt valet, och länken vid utsnittet går att nå med tangentbordet. Radernas namn syns vid kanten när planschen är förstorad. Varje band har namn, gränser och villkor i text, så färgen är aldrig den enda informationen.
Utsnitten av planschen på startsidan har en lista med samma band under bilden.
Texten har minst 4,5:1 i kontrast i både ljust och mörkt läge. Sidan följer enhetens läge och knappen med månen byter läge.
Formulären har etiketter och felmeddelanden i text, och fokus flyttas till det första felet.
Sidorna går att läsa i 320 pixlars bredd utan att sidan rullar i sidled. Webbversionen rullar i sidled i sin egen ruta, och träfflistan visar samma band i text.
Varje sida har en egen sidtitel, och i mobilen stänger Escape menyn och flyttar fokus tillbaka till menyknappen.
Räknaren för gratis sökningar och knappen som återkallar samtycket står i text under sökfältet och läses upp av skärmläsare. Frågan om samtycke och beskedet när de gratis sökningarna är slut visas i en dialogruta över sidan: rutan har ett namn för skärmläsare, fokus står först på rutan själv (så att Enter i sökfältet aldrig ger samtycke), fokus stannar i rutan tills den stängs, knappen Stäng (×) och Escape stänger den (vid frågan om samtycke ger det inget samtycke) och fokus går sedan tillbaka till sökfältet. Sidhuvudet syns och går att använda medan rutan är öppen.
Inloggningen för webblicensen är ett formulär på webbplatsen (Logga in, under Mitt konto) med en etikett för varje fält. Ett fel visas i text ovanför formuläret och läses upp av skärmläsare. Under Mitt konto är menyn en lista med länkar, och den sida som visas är markerad för skärmläsare.
Varukorgen i sidhuvudet är en länk med namnet Varukorg som också säger om varukorgen är tom och hur många varor den har (till exempel Varukorg, tom eller Varukorg, 2 varor). I mobilen visas ikonen med siffran, och i smala skärmar ligger knappen för mörkt läge i menyn.
Kassan och Mitt konto har etiketter vid alla fält och felmeddelanden i text. Felmeddelandena visas som WooCommerce blockmeddelanden, som läses upp av skärmläsare.

Kända brister

Smala rutor i webbversionen är mindre än 24 x 24 pixlar innan man zoomar, och svåra att träffa med pekare (WCAG 2.5.8). Samma band går att välja efter zoomning, i träfflistan, med sökningen eller med piltangenterna.
Bilderna av den tryckta planschen har en kort textbeskrivning men inte hela innehållet i text. Samma typ av uppgifter finns som text i webbversionen.
Rutornas koder och färger i webbversionen och i utsnitten läses inte upp som bild. Utanför utsnittet runt valet visar webbversionen bara planschens färger. Samma uppgifter står i text i rutan På planschen, i listan under varje utsnitt, i träfflistan och i listan Alla band.
Planschens färger är den tryckta planschens och har inte alltid kontrasten 3:1 mot varandra. Koden står i varje ruta och i teckenförklaringen.
Läget på den tryckta planschen visas som en bild utan fullständig textbeskrivning. Raden och kolumnen står i text under På planschen.
Utan webblicens går det inte att själv zooma planschen, välja enskilda rutor eller se hela bandlistan i webbversionen. Webbläsarens egen zoom fungerar på hela sidan.
Webbversionen har ännu inte testats med skärmläsarna NVDA, JAWS eller VoiceOver. Rapportera gärna problem.
Varukorgen och kassan i blockform har inte testats med automatiska verktyg eller skärmläsare, eftersom de bara går att testa på den publicerade webbplatsen.
Kortfälten i kassan kommer från betaltjänsten (WooPayments) i en egen ram. SRFA styr inte över deras utformning eller tillgänglighet.
WooCommerce egen mall för felmeddelanden i formulär har en lista med rollen alert, som gör att skärmläsare inte uppfattar listan som en lista. Webbplatsen använder därför WooCommerce blockmeddelanden i stället. Visar en sida ändå den gamla mallen läses texten upp, men inte som en lista.
PTS källdokument är PDF-filer som SRFA inte styr över.

Rapportera ett problem

Skriv till mail@srfa.se eller ring 08 559 226 89 (måndag till fredag 08.30-16.30) och berätta vad som inte fungerade.