Sajten ska gå att använda med tangentbord, skärmläsare och förstoring

Vilken standard vi följer

Gaddr Log följer WCAG 2.2 på nivå AA, och den europeiska standarden EN 301 549, som pekar vidare på samma framgångskriterier för webben.

Kraven gäller oss enligt lagen (2023:254) om vissa produkters och tjänsters tillgänglighet, som omfattar tjänster som säljs till konsument på nätet.

Vår bedömning är att sajten uppfyller WCAG 2.2 nivå AA i sin helhet. Hittar du något som säger emot den bedömningen vill vi veta det, och då rättar vi det enligt tiderna i avsnitt 5.

Vad som är granskat, och hur

• Tangentbord ensamt. Varje sida och varje komponent körs igenom utan mus, med kontroll av fokusordning, synlig fokusmarkering och att ingenting fastnar.
• Skärmläsare. VoiceOver i Safari på macOS och iOS, samt NVDA i Firefox på Windows. Vi lyssnar på rubrikträdet, länknamnen, formulärens etiketter och att en felkod läses upp tecken för tecken i stället för som ett ord.
• Automatisk granskning i bygget. Den fångar det en maskin kan avgöra, till exempel bild utan tillgängligt namn och fält utan etikett.
• Manuell granskning av resten. Läsordning, meningsfulla länknamn, rubriknivåer som inte hoppar, och om ett tillgängligt namn faktiskt beskriver det som visas.
• Bredder. 320, 375, 768, 1024, 1280 och 1920 pixlar, plus 400 procents förstoring. Innehållet lägger sig i en kolumn, och sidan rullar aldrig i sidled.
• Båda färglägena, med mätning. Ljust och mörkt mäts var för sig, eftersom en kontrast som håller i det ena kan falla i det andra. Siffrorna står i avsnitt 3.
• Rörelse. Sidorna körs med prefers-reduced-motion både påslaget och avstängt.

Åtgärderna som ligger i sajten

Hopplänk

Första fokuserbara elementet på varje sida är länken Hoppa till innehållet. Den syns när den får fokus, och den leder till id innehall, som varje sida bär på sitt huvudinnehåll. Länken göms med en förflyttning uppåt och inte med ett negativt sidledsvärde, eftersom det senare räknas som vågrätt spill och gör sidan bredare än skärmen.

Tangentbordsnavigering

Allt går att nå och använda med tangentbord. Menyn öppnas med Enter eller mellanslag och stängs med Escape, varefter fokus går tillbaka till knappen som öppnade den. FRANS stängs med Escape och lämnar tillbaka fokus på samma sätt. Det finns ingen fokusfälla, och fokusmarkeringen tas aldrig bort.

Formulären fungerar utan JavaScript. Uppslaget av en felkod är ett vanligt GET-formulär och svaret renderas på servern, och kontaktformuläret valideras i en action och inte i webbläsaren. Ett fält som bara kontrolleras i webbläsaren är kontrollerat för den som råkar ha JavaScript, och för ingen annan.

Färgkontrast, uppmätt

Lägsta uppmätta kontrast för brödtext och gränssnittstext är 4,77 mot 1 i ljust läge och 4,89 mot 1 i mörkt läge. Kravet på nivå AA är 4,5 mot 1, alltså ligger båda lägena över kravet med marginal. Stor text, ikoner som bär betydelse och gränser kring komponenter ligger på minst 3 mot 1.

Färgerna kommer ur designsystemets tokens, så att en enskild sida inte kan sänka nivån på egen hand. Färg är aldrig ensam bärare av information: ett fel i ett formulär beskrivs i text bredvid fältet, ett driftläge står i ord och inte bara som en färgad prick, och en allvarlighetsgrad på en felkod har en etikett i klartext bredvid färgen.

Reducerad rörelse

Med prefers-reduced-motion stannar två lager samtidigt: dokumentets egna animationer och övergångar, och SMIL-animationerna inne i illustrationerna. Regeln ligger på ramen kring varje illustration, så att en ny illustration får beteendet utan att någon behöver komma ihåg det.

Kodrutor, tabeller och siffror

Ett kodexempel rullar i sin egen behållare i sidled, aldrig genom att dra iväg hela sidan. Detsamma gäller breda tabeller. Radnumren i en kodruta är markerade så att de inte följer med när du kopierar, och siffror sätts med tabellsiffror så att kolumner med tal går att jämföra i höjdled.

En felkod och ett spår-id skrivs med versaler och utan vokaler, vilket gör att de aldrig blir ett ord när de läses upp, och att l och 1 inte kan blandas ihop.

Illustrationer

Varje illustration är antingen dekorativ, och då dold för hjälpmedel med aria-hidden, eller har ett tillgängligt namn som beskriver motivet. Valet avgörs på ett ställe i koden. En dekorativ bild som annonseras är brus för den som lyssnar, och en bärande bild utan namn är en lucka.

Innehåll som inte kräver JavaScript

Allt innehåll finns i sidan när den kommer från servern. Det som tonar in vid rullning göms bara efter att ett skript har hunnit sätta en klass, och en timer avslöjar allt efter två sekunder oavsett vad som händer. Failar skripten är sidan fortfarande läsbar. Vanliga frågor öppnas och stängs med details och summary, utan en enda rad JavaScript.

Struktur och språk

Exakt en h1 per sida, och rubriknivåerna hoppar inte. De långa sidorna har en innehållslista med hoppmål, och varje avsnitt bär ett eget id så att en länk kan peka på just den punkten. Sidans språk är utmärkt som svenska, så att en skärmläsare uttalar orden rätt.

Kända brister

Vi känner inte till någon del av sajten som brister mot WCAG 2.2 nivå AA. Hittas en brist skrivs den in här med datum, med vad den påverkar, och med när den är rättad. Listan är alltså tom av den anledningen, och inte för att vi låter bli att titta.

En sak som ligger utanför vår kod: typsnitten hämtas från Google Fonts. Går hämtningen inte igenom visas texten i systemets egna typsnitt, och läsbarheten och layouten håller ändå.

Rapportera ett hinder, och vad som händer sedan

Hör av dig via kontaktsidan. Berätta gärna vilken sida det gäller, vad du försökte göra, vilket hjälpmedel du använde och vilken webbläsare. Har du ett spår-id eller en felkod, ta med den, så ser vi exakt vad som hände.

Svarstider

• Vi bekräftar att rapporten kommit fram inom en arbetsdag.
• Du får besked om vad vi gör åt saken, och när, inom fem arbetsdagar från bekräftelsen.
• Ett hinder som stoppar någon från att slutföra en kontakt eller ett köp rättas inom tio arbetsdagar, och du får besked när rättningen är ute.
• Tar en rättning längre tid än så säger vi varför, när den är klar, och hur du når samma sak under tiden.

En annan väg till innehållet

Behöver du något av innehållet i ett annat format ordnar vi det utan kostnad. Det kan vara en prislista eller ett villkorsavsnitt i ett annat filformat, en genomgång per telefon i stället för på skärm, eller ett svar som text när uppgiften annars ligger i en bild.

Om du inte är nöjd med vårt svar

Då kan du anmäla bristen till den marknadskontrollmyndighet som har tillsyn enligt lagen (2023:254) om vissa produkters och tjänsters tillgänglighet. Vilken myndighet det är för en tjänst som säljs på nätet framgår av förordningen (2023:255) om vissa produkters och tjänsters tillgänglighet.

Är du konsument kan du också få vägledning av Hallå konsument, Konsumentverkets upplysningstjänst.