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

Vilken standard vi följer

Gaddr Chat 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, och som pekar ut elektronisk kommunikation särskilt.

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 6.

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 och formulärens etiketter.
• Kontrastmätning. Uppmätt med en kontrastmätare mot de faktiska färgvärdena i designsystemet, i båda färglägena, och inte uppskattad ur en palett.
• 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.
• 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 följer samma regel. Ett fält som avvisas märks med aria-invalid, felet står i text bredvid fältet och är kopplat till det, och fokus flyttas till det första fältet som behöver rättas.

Färgkontrast, uppmätt

Den lägsta kontrasten vi har mätt upp på sajten är 4,77 mot 1 i ljust läge och 4,89 mot 1 i mörkt läge. Det värdet gäller den svagaste texten vi använder, alltså ledtext och metatext på en nedsänkt yta. Brödtext ligger långt över det i båda lägena.

Kravet på nivå AA är 4,5 mot 1 för brödtext, alltså håller även den svagaste texten. 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, och ett driftläge står i ord och inte bara i en färgad prick.

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.

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. Frågelistorna öppnas och stängs med details och summary, utan en enda rad JavaScript. Uppslagningen av en felkod på supportsidan är ett GET-formulär som körs på servern, och kontaktformuläret valideras på servern med samma regler och samma texter oavsett klient.

Struktur och språk

Exakt en h1 per sida, och rubriknivåerna hoppar inte. Sidans språk är utmärkt som svenska, så att en skärmläsare uttalar orden rätt. Breda tabeller rullar i sin egen behållare i stället för att dra iväg hela sidan i sidled.

Tillgängligheten i själva appen

Redogörelsen gäller den här sajten. Klienterna byggs mot samma nivå, och tre saker är värda att skriva ut eftersom de är särskilda för en chatt.

• Meddelandelistan. Varje meddelande är ett eget element med avsändare, tid och innehåll i den ordningen, så att en skärmläsare läser upp vem som skrev innan den läser vad. Nya meddelanden annonseras med artigheten polite, alltså utan att avbryta det som läses upp.
• Animerade stickers och emojis. De stannar med prefers-reduced-motion, och varje sticker bär det namn den som laddade upp den gav den. En reaktion läses upp som namn och antal, inte som en rad symboler.
• Samtal. Talarindikator, handuppräckning och tyst läge har text och inte bara färg. Undertexter i realtid går att slå på, och de går att flytta och förstora utan att bilden försvinner.

Behöver du en genomgång av hur appen fungerar med ditt hjälpmedel innan ni bestämmer er, hör av dig, så gör vi den utan kostnad.

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 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 och välj ämnet Tillgänglighet. 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.

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 skapa ett konto, skicka ett meddelande eller slutföra 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 villkoren eller integritetspolicyn i ett annat filformat, eller en genomgång per telefon i stället för på skärm.

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.