Chattwidgeten är byggd för att uppfylla WCAG 2.1 nivå AA, som EN 301 549 v3.2.1 kapitel 9 hänvisar till för webbinnehåll. Kommunen ansvarar enligt DOS-lagen för att den digitala servicen är tillgänglig. Den här redovisningen är underlag för kommunens tillgänglighetsredogörelse.
Så har chatten granskats
- Automatisk granskning med axe-core (regler för WCAG 2.0, 2.1 A och AA) av chatten i öppet läge, med ett svar, en hänvisning och formuläret för att skicka frågan vidare. Granskningen körs i testsviten vid varje ändring.
- Tangentbordstest: öppna, ställa frågor, betygsätta, skicka vidare, byta språk, minimera och avsluta utan mus.
- Visningstest i 320 CSS-pixlars bredd, vilket motsvarar 400 % förstoring på en skärm som är 1 280 pixlar bred.
- Manuell test med skärmläsarna NVDA (Windows) och VoiceOver (macOS och iOS) görs tillsammans med kommunen före driftstart och efter större ändringar. Resultatet läggs till i den här redovisningen.
Redovisning per kriterium
| Kriterium | Status | Hur |
|---|---|---|
| 1.1.1 Icke-textinnehåll | Uppfyller | Ikoner är dolda för hjälpmedel och knapparna har textnamn. Logotypens alternativtext anges av kommunen. |
| 1.2.1–1.2.5 Tidsberoende media | Ej tillämpligt | Chatten har inget ljud eller video. |
| 1.3.1 Information och relationer | Uppfyller | Rubriker, listor, grupper, etiketter, fieldset och legend. Samtalet är en logg med en grupp per meddelande. |
| 1.3.2 Meningsfull ordningsföljd | Uppfyller | Läsordningen följer den visuella ordningen. |
| 1.3.3 Sensoriska kännetecken | Uppfyller | Instruktioner hänvisar inte till form, placering eller färg. |
| 1.3.4 Visningsriktning | Uppfyller | Fungerar i stående och liggande läge. |
| 1.3.5 Identifiera syfte med inmatning | Uppfyller | Namn, e-post och telefon i formuläret har autocomplete. |
| 1.4.1 Användning av färg | Uppfyller | Länkar är understrukna och öppet eller stängt anges i text. |
| 1.4.2 Ljudstyrning | Ej tillämpligt | Inget ljud. |
| 1.4.3 Kontrast (minimum) | Uppfyller | Kommunens färger kontrolleras mot 4,5:1 och kan inte sparas om de inte klarar kravet. Övriga färger är fasta och klarar kravet. |
| 1.4.4 Ändra textstorlek | Uppfyller | Storlekar i relativa enheter som följer webbläsarens textstorlek. |
| 1.4.5 Bilder av text | Uppfyller | Ingen text i bilder utöver kommunens logotyp. |
| 1.4.10 Anpassningsbar presentation | Uppfyller | Vid 320 pixlars bredd fyller chatten skärmen utan vågrät rullning. Vid mycket låg höjd rullar hela panelen. |
| 1.4.11 Kontrast för icke-textinnehåll | Uppfyller | Kanter och fokusmarkering har minst 3:1. |
| 1.4.12 Textavstånd | Uppfyller | Inga fasta höjder på textbehållare. Meddelanden växer med texten. |
| 1.4.13 Innehåll vid hovring eller fokus | Uppfyller | Chatten visar inget eget innehåll vid hovring. |
| 2.1.1 Tangentbord | Uppfyller | Alla funktioner nås med tangentbord. Enter skickar, Skift+Enter ger ny rad. |
| 2.1.2 Ingen tangentbordsfälla | Uppfyller | Panelen är inte modal. Escape minimerar och lämnar fokus på knappen. |
| 2.1.4 Kortkommandon | Uppfyller | Inga kortkommandon med enskilda tecken. |
| 2.2.1 Justerbar tidsgräns | Uppfyller | Ingen tidsgräns för invånaren. Samtalet finns kvar när man byter sida. |
| 2.2.2 Pausa, stoppa, dölja | Uppfyller | Den enda animationen är indikatorn medan svaret tas fram. Den stängs av vid inställningen för reducerade rörelser. |
| 2.3.1 Tre blinkningar | Uppfyller | Inget blinkar. |
| 2.4.1 Hoppa förbi block | Ej tillämpligt | Gäller sidan, inte chatten. |
| 2.4.2 Sidtitel | Ej tillämpligt | Gäller sidan. |
| 2.4.3 Fokusordning | Uppfyller | Fokus flyttas bara när användaren agerar: till textrutan när chatten öppnas, tillbaka till knappen när den minimeras. |
| 2.4.4 Länkars syfte | Uppfyller | Källor har sidans rubrik som länktext. Källnumren i texten har namnet "Källa 1: rubrik". |
| 2.4.5 Flera sätt | Ej tillämpligt | Gäller webbplatsen. |
| 2.4.6 Rubriker och etiketter | Uppfyller | |
| 2.4.7 Synlig fokus | Uppfyller | Tydlig fokusram på alla interaktiva element. |
| 2.5.1 Pekargester | Uppfyller | Inga gester med flera fingrar eller banor. |
| 2.5.2 Avbryta pekaraktivering | Uppfyller | Vanliga knappar som aktiveras när man släpper. |
| 2.5.3 Etikett i namn | Uppfyller | Knapparnas tillgängliga namn börjar med den synliga texten. |
| 2.5.4 Rörelseaktivering | Ej tillämpligt | |
| 3.1.1 Sidans språk | Uppfyller | Chatten anger sitt språk och följer språkvalet. |
| 3.1.2 Språk för delar | Uppfyller | Svar på engelska är märkta som engelska. |
| 3.2.1 Vid fokus | Uppfyller | |
| 3.2.2 Vid inmatning | Uppfyller | |
| 3.2.3 Konsekvent navigering | Ej tillämpligt | |
| 3.2.4 Konsekvent identifiering | Uppfyller | |
| 3.3.1 Identifiering av fel | Uppfyller | Fel i formuläret beskrivs i text och fälten markeras som felaktiga. |
| 3.3.2 Etiketter eller instruktioner | Uppfyller | |
| 3.3.3 Förslag vid fel | Uppfyller | Felmeddelandena säger vad som ska rättas. |
| 3.3.4 Förhindra fel | Uppfyller | Invånaren granskar sammanfattningen och godkänner innan något skickas. |
| 4.1.1 Parsning | Uppfyller | |
| 4.1.2 Namn, roll, värde | Uppfyller | Knappen som öppnar chatten anger om den är öppen. Betygsknapparna anger om de är valda. |
| 4.1.3 Statusmeddelanden | Uppfyller | Nya meddelanden läses upp via loggen, och "Svaret tas fram" via ett statusfält. |
Övrigt
- Chatten respekterar inställningen för reducerade rörelser och lägen med tvingade färger (till exempel Windows högkontrast).
- Chatten använder webbplatsens typsnitt om inget annat väljs, och storleken följer användarens inställningar även på webbplatser som har minskat grundstorleken.
- Administrationen är byggd med samma principer. Den används av kommunens medarbetare och omfattas av samma granskning.
Upptäcker ni en brist, kontakta supporten.