Stockholmare ska gå att läsa och använda för alla, oavsett syn, hörsel, motorik, kognition eller hur du tar dig till sidan. Målet är WCAG 2.2 nivå AA, i linje med EN 301 549. Den här sidan redovisar vad som är mätt, hur och när, samt vad som återstår. Den uppdateras när webbplatsen ändras. Senast kontrollerad: 20 oktober 2026.
Läget just nu
Måttet är automatiska kontroller på den levande webbplatsen i ljust och mörkt läge, kompletterade med manuell kontroll av tangentbord och fokus. Skärmläsartest är ännu inte gjort och redovisas därför under begränsningar.
Kontrast
Kontrastkvoten är mätt mellan de färger som används för text och bakgrund. Kravet är 4,5:1 för brödtext och 3:1 för stor text och gränssnittsdelar. AAA är 7:1.
Kontroller och resultat
| Krav | WCAG | Resultat | Så mäts det |
|---|---|---|---|
| Textkontrast, ljust och mörkt läge | 1.4.3 | Godkänt (lägst 4,65:1) | Beräknad kvot för alla textnoder. Text över bild eller mönster mäts manuellt. |
| Klickytor minst 24 × 24 px | 2.5.8 | Godkänt | Alla länkar och knappar uppmätta. Raderna Visa fler och arkivets verktygsfält höjdes till 26 px. |
| Text kan förstoras utan förlust | 1.4.4 | Godkänt | Tre lässtorlekar: liten 16 px, medel 18 px, stor 22 px. Valet sparas hos dig. |
| Omflöde vid 320 px bredd | 1.4.10 | Godkänt | Ingen horisontell rullning. Långa rubriker bryts, tabeller och kod rullar inom sin ruta. |
| Hoppa till innehåll | 2.4.1 | Godkänt | Länken visas vid första Tab-tryck och flyttar fokus till huvudinnehållet. |
| Synligt fokus | 2.4.7 | Godkänt | Kontrollerat med riktiga Tab-tryck, inte bara skript. |
| Rörelse | 2.3.3 | Godkänt | Animationer körs bara om du inte valt minskad rörelse i systemet. |
| Hover utan att dölja innehåll | 1.4.13 | Godkänt | Hovereffekter är begränsade till enheter med mus. |
| Språk, landmärken, rubriknivåer | 3.1.1, 1.3.1 | Godkänt | lang-attribut, header/nav/main/footer och en H1 per sida. |
| Namn på kontroller, alt-text, unika id | 4.1.2, 1.1.1 | Godkänt | Dubblett-id i delningspanelen åtgärdad 20 oktober 2026. |
Dagsläge och mörkt läge
Webbplatsen finns i två lägen, dagsläge (ljust) och mörkt läge. Som standard följer sidan inställningen i din enhet. Du kan byta med månknappen i menyn, och ditt val sparas i webbläsaren. Båda lägena är mätta var för sig, eftersom färgerna inte bara byter plats utan har egna värden.
| Krav | Dagsläge | Mörkt läge |
|---|---|---|
| Textkontrast (1.4.3) | Godkänt, lägst 4,65:1 | Godkänt, kontrollerat efter att färgövergången är klar |
| Omflöde vid 320 px (1.4.10) | Godkänt | Godkänt |
| Läge väljs av användaren | Månknapp i menyn | Månknapp i menyn, följer annars systemet |
Flimmer vid sidladdning undviks genom att läget sätts innan sidan målas. Läget gäller på alla sidor, i alla inlägg och i delningspanelen. Material utanför webbplatsen, som tryck och video, har ett dagsläge med svart eller grön logotyp på ljus yta och ett mörkt läge med vit logotyp, enligt varumärkesdokumentet.
Textstorlek
Du väljer själv hur stor texten är. Det gäller både inlägg och sidor, och valet sparas i din webbläsare så att det finns kvar nästa gång du kommer tillbaka.
| Val | Storlek | Avsedd för |
|---|---|---|
| Liten | 16 px | Dig som vill se mer text samtidigt. |
| Medel (standard) | 18 px | Normal läsning på alla skärmar. |
| Stor | 22 px | Dig som vill ha lättläst, större text utan att zooma. |
Radavståndet följer med storleken och texten bryts om i stället för att rulla i sidled, även vid 320 px bredd. Det uppfyller kravet på att text ska kunna förstoras utan att innehåll går förlorat (WCAG 1.4.4) och på omflöde (1.4.10). Du kan dessutom zooma sidan i webbläsaren upp till 200 procent.
Åtgärder i våra inlägg och sidor
Det här är vad vi har gjort på inlägg och sidor, med datum för den senaste ändringen.
Den här listan växer. Varje ändring som påverkar tillgängligheten noteras här med datum.
Vad som är byggt för tillgänglighet
Kända begränsningar
Det här är det som inte är fullt kontrollerat eller åtgärdat ännu. Vi redovisar det öppet och uppdaterar när det ändras.
Åtgärdsplan
| Åtgärd | Status | Mål |
|---|---|---|
| Skärmläsartest med NVDA och VoiceOver | Planerad | [DATUM BEKRÄFTAS] |
| SVG-logotyp | Planerad | [DATUM BEKRÄFTAS] |
| Kontrollrutin för bilder vid publicering | Planerad | [DATUM BEKRÄFTAS] |
| Ny mätning efter varje temaändring | Pågår | Löpande |
Hur vi testar
Vi mäter med ett eget skript i webbläsaren (kontrast, klickytor, namn, alt-text, landmärken, rubriker, formulär, dubblett-id), testar omflöde i en 320 px bred ruta och går igenom sidan med tangentbordet i både ljust och mörkt läge. Resultaten ovan är från den levande webbplatsen.
Tillgänglighet i allt material
Tillgänglighet gäller inte bara webbplatsen. Allt material som bär Stockholmares namn ska uppfylla minst samma nivå, WCAG 2.2 AA som riktmärke. Det här är kraven på de som gör materialet.
| Material | Krav |
|---|---|
| Broschyr och tryck | Kontrast minst 4,5:1 i tryckt färg. Brödtext minst 9 pt. Färg får aldrig vara enda bärare av information. Erbjud en tillgänglig digital version. |
| Dokument och PDF | Taggad PDF med dokumenttitel, språk och riktiga rubriker. Alt-text på bilder, logisk läsordning, tabeller med rubrikceller. |
| Presentationer | Text minst 24 pt, ett budskap per bild, alt-text på bilder, unika bildrubriker och logisk läsordning. |
| Video | Undertexter och transkript, ljudbeskrivning när bilden bär information, inga blinkningar över tre per sekund, inget automatiskt ljud. |
| Ljud och podd | Transkript publiceras med avsnittet. |
| Sociala medier | Alt-text på varje bild. Undertexter på video. Text i bild upprepas i inlägget. Hashtaggar med versal per ord (#StockholmareKultur). Emoji sparsamt och aldrig som ersättning för ord. |
| E-post och nyhetsbrev | Riktig text, inte en bild. Alt-text, beskrivande länktexter (inte "klicka här"), text minst 16 px, tillräcklig kontrast. |
| Annonser och banners | Kontrast minst 4,5:1 (3:1 för stor text). Budskapet ska inte finnas enbart i bilden. Ingen blinkande rörelse. |
| Skyltar och evenemang | Stor, tydlig text med hög kontrast. Information ska finnas även digitalt i tillgänglig form. |
Hittar du ett problem?
Skriv till oss på info@stockholmare.se och beskriv sidan och problemet. Vi svarar inom 5 arbetsdagar.
