Sundsvalls kommun ska se till att Kommunikationsguiden är tillgänglig enligt lagen (2018:1937) om tillgänglighet till digital offentlig service. Den här sidan beskriver hur väl vi lyckas, vad vi granskat, och hur du kan höra av dig om något inte fungerar för dig.
Den 11 augusti 2026 genomförde vi en kodgranskning av samtliga sidor mot WCAG 2.1 nivå AA. Granskningen hittade 15 brister, varav 13 var direkta kodfel och 2 var att den här redogörelsen och en tydlig synpunktskanal saknades. Samtliga är nu åtgärdade — se listan nedan. Det som återstår är sådant vi inte kunnat testa fullt ut ännu (se "Kvarstående begränsningar").
Vi håller kvar listan även efter att brister är rättade, som en öppen logg över vad som granskats och åtgärdats — inte bara vad som återstår.
Kort utan riktig sida bakom gjordes genomskinliga och avmättade – brödtexten hamnade långt under kravet på 4,5:1, och signalen fanns inte i text för skärmläsare.
Åtgärd: Ersatt med streckad kant, dämpad bakgrundsfärg och en synlig "Exempel"-badge i klartext. Full textkontrast bevarad.
.chip.warn hade 3,73:1 mot kravet 4,5:1.
Åtgärd: Textfärgen bytt till --amber-tx, ger 5,62:1.
Tangentbordsfokus kunde lämna dialogen till bakomliggande sida, som varken var dold eller inaktiverad för assistivteknik. Fokus återställdes inte vid stängning.
Åtgärd: Dialogen portalas nu till <body>, resten av sidan görs inert medan den är öppen, Tab cyklar inom dialogen, och fokus återställs till knappen som öppnade den.
Ingen sida hade ett "Hoppa till innehåll"-block trots sticky header och undernavigering på flera sidor.
Åtgärd: Global hoppa-till-innehåll-länk i layouten, samt id="main" på varje sidas huvudinnehåll.
"Fråga guiden" och illustrationsverktygets stegbyten (skickar → klart/fel, upp till 1–3 minuter) saknade aria-live.
Åtgärd: aria-live="polite" på svarspanelen och illustrationsdialogens innehåll.
Rent lagkrav enligt DOS-lagen (2018:1937), oberoende av teknisk WCAG-status.
Åtgärd: Den här sidan.
Sökfältet, förvaltningsväljaren och illustrationsverktygets fält ritade sin kant i en färg med 1,49:1 mot vitt (kräver 3:1).
Åtgärd: Ny token --border-input (#7c8b99, 3,49:1) används på samtliga formulärfält, kryssrutor och kantlinje-knappar.
Kortrutnät byggda på .toolcard låste titeln till h5 oavsett kontext – på flera ställen blev det h2 → h5 eller h3 → h5.
Åtgärd: CSS frikopplad från rubriktaggen; varje sida väljer nu rätt nivå (h3/h4) utifrån sin egen struktur. Verifierat sekventiellt (h1→h2→h3→h4) på samtliga sidor.
Skickades illustrationsformuläret tomt syntes bara en röd kant i 1,5 sekunder, ingen text.
Åtgärd: Textfel visas nu ("Beskriv vad illustrationen ska visa..."), kopplat till fältet via aria-describedby och role="alert".
Verktygsväljaren lyssnade globalt på hela dokumentet, oavsett var fokus befann sig.
Åtgärd: Lyssnaren är nu bunden till väljarens egen behållare – bara aktiv när fokus faktiskt är där.
Kontaktvägen som fanns var till AI-teamet, inte uttryckligen för tillgänglighetssynpunkter.
Åtgärd: Egen synpunktskanal angiven på den här sidan, se "Lämna synpunkter" nedan.
De flesta ikoner bredvid synlig text saknade aria-hidden.
Åtgärd: aria-hidden="true" tillagt genomgående på alla dekorativa ikoner i hela kodbasen.
<h1> fanns bara i startsteget; senare steg saknade en toppnivårubrik helt.
Åtgärd: En dold, konstant h1 ("Hjälp med kommunikation") ligger nu kvar genom alla steg.
Alla genererade illustrationer fick samma alt-text oavsett motiv.
Åtgärd: Alt-texten innehåller nu användarens promptbeskrivning.
"Skapa illustration"-knappen annonserade inte att den öppnar en dialog.
Åtgärd: aria-haspopup="dialog" tillagt.
Ärligt talat, det här är sådant en kodgranskning inte fångar:
/aktuellt-nyheterna) är inte granskade förrän de är på plats.Granskningen är en genomläsning av all kod mot WCAG 2.1 nivå AA, med kontrastkvoter beräknade direkt ur de faktiska färgvärdena i designsystemet enligt WCAG:s formel för relativ luminans — inte uppskattade för hand. Vi planerar att komplettera med automatiserad skanning och skärmläsartest inför nästa större release.
Vi vill veta om något inte fungerar. Mejla tillganglighet@sundsvall.se med en beskrivning av problemet och vilken sida det gäller — vi återkommer inom några arbetsdagar.
Myndigheten för digital förvaltning (DIGG) har ansvar för tillsyn över lagen om tillgänglighet till digital offentlig service. Om du inte är nöjd med hur vi hanterat dina synpunkter kan du anmäla till DIGG.
Nivå A ingår eftersom nivå AA bygger vidare på den — båda krävs enligt DOS-lagen.
| Kriterium | Namn | Nivå | Status |
|---|---|---|---|
| 1 · Möjligt att uppfatta | |||
1.1.1 | Icke-textuellt innehåll | A | Uppfylld |
1.2.1–1.2.5 | Ljud/video | A | Ej tillämpligt |
1.3.1 | Info och relationer | A | Uppfylld |
1.3.2 | Meningsfull ordning | A | Uppfylld |
1.3.3 | Sensoriska kännetecken | A | Uppfylld |
1.3.4 | Orientering | AA | Uppfylld |
1.3.5 | Identifiera syftet med indata | AA | Ej tillämpligt |
1.4.1 | Användning av färg | A | Uppfylld |
1.4.2 | Ljudkontroll | A | Ej tillämpligt |
1.4.3 | Kontrast (minimum) | AA | Uppfylld |
1.4.4 | Ändra textstorlek | AA | Uppfylld |
1.4.5 | Bilder av text | AA | Uppfylld |
1.4.10 | Radbrytning (reflow) | AA | Uppfylld |
1.4.11 | Kontrast för icke-text | AA | Uppfylld |
1.4.12 | Textavstånd — Ej manuellt verifierad | AA | Delvis |
1.4.13 | Innehåll vid hovring/fokus | AA | Uppfylld |
| 2 · Möjligt att hantera | |||
2.1.1 | Tangentbord | A | Uppfylld |
2.1.2 | Ingen tangentbordsfälla | A | Uppfylld |
2.1.4 | Teckenbaserade kortkommandon | A | Uppfylld |
2.2.1–2.2.2 | Justerbar tid / paus, stopp, dölj | A | Ej tillämpligt |
2.3.1 | Tre blinkningar eller mindre | A | Ej tillämpligt |
2.4.1 | Kringgå block | A | Uppfylld |
2.4.2 | Sidor har titlar | A | Uppfylld |
2.4.3 | Fokusordning | A | Uppfylld |
2.4.4 | Länkens syfte (i sammanhang) | A | Uppfylld |
2.4.5 | Flera vägar — Ingen fristående sökfunktion/sitemap ännu | AA | Delvis |
2.4.6 | Rubriker och etiketter | AA | Uppfylld |
2.4.7 | Synligt fokus | AA | Uppfylld |
2.5.1–2.5.2 | Pekgester / pekavbokning | A | Ej tillämpligt |
2.5.3 | Etikett i namn | A | Uppfylld |
2.5.4 | Rörelseaktivering | A | Ej tillämpligt |
| 3 · Begripligt | |||
3.1.1 | Sidans språk | A | Uppfylld |
3.1.2 | Delars språk | AA | Ej tillämpligt |
3.2.1–3.2.2 | Vid fokus / vid indata | A | Uppfylld |
3.2.3–3.2.4 | Konsekvent navigering / identifiering | AA | Uppfylld |
3.3.1 | Identifiering av fel | A | Uppfylld |
3.3.2 | Etiketter eller instruktioner | A | Uppfylld |
3.3.3 | Felförslag — Tekniska felmeddelanden från Eneo är inte alltid handlingsbara | AA | Delvis |
3.3.4 | Felförebyggande (juridiskt, ekonomiskt) | AA | Ej tillämpligt |
| 4 · Robust | |||
4.1.1 | Parsning | A | Uppfylld |
4.1.2 | Namn, roll, värde | A | Uppfylld |
4.1.3 | Statusmeddelanden | AA | Uppfylld |