Tillgänglighet enligt WCAG 2.1
För att vår webbplats ska vara tillgänglig för alla – inklusive personer med funktionsnedsättning – följer vi riktlinjerna i WCAG 2.1, nivå AA. Det innebär bland annat att:
- Alla bilder har alternativtext så att skärmläsare kan tolka dem.
- Video och ljud har undertexter eller transkriptioner.
- Text har tillräcklig kontrast mot bakgrunden för att vara lättläst.
- Innehållet går att förstora upp till 200 % utan att tappa funktion.
- Navigation fungerar med tangentbord – utan mus.
- Alla länkar är tydliga och beskrivande.
- Formulär är korrekt märkta och ger tydlig information vid fel.
- Webbplatsens språk är korrekt angett, även för innehåll på andra språk.
- Innehåll fungerar på alla enheter, även på små skärmar (mobilvänligt).
- Inga delar blinkar på ett sätt som kan orsaka problem för personer med t.ex. epilepsi.
Målet är att alla användare ska kunna uppfatta, hantera och förstå innehållet – oavsett förmåga eller teknisk hjälpmedel.
Läs mer om riktlinjerna på w3.org/WCAG
För att en webbplats ska följa WCAG 2.1 (Web Content Accessibility Guidelines version 2.1), behöver den uppfylla kriterier inom fyra grundprinciper: Perceivable (Märkbar), Operable (Användbar), Understandable (Förståelig) och Robust. Dessa förkortas ofta POUR. Nedan är en sammanfattning av vad en webbplats behöver ha för egenskaper under varje princip, baserat på checklistan i den uppladdade filen:
1. Perceivable – Informationen ska vara märkbar för användare
- Alternativtext (alt-text) för bilder.
- Textalternativ för ljud- och videoinnehåll (t.ex. transkriptioner och synkroniserade undertexter).
- Semantisk HTML för att visa struktur och relationer.
- Färg får inte vara det enda sättet att förmedla information.
- Kontrastkrav: Text ska ha minst 4.5:1 kontrast (för normal text).
- Möjlighet att förstora text upp till 200 % utan att tappa funktion.
- Designen ska vara responsiv – innehåll ska fungera på t.ex. mobil (minst 320px bredd).
- Formulärfält ska ha korrekt märkning (label) och gärna autofyll (autocomplete).
2. Operable – Gränssnittet ska vara användbart
- All funktionalitet ska vara tillgänglig med tangentbord.
- Ingen keyboard trap – användaren ska kunna navigera bort från alla element.
- Inget innehåll får blinka mer än 3 gånger per sekund.
- Användaren ska kunna pausa eller stoppa rörligt innehåll (t.ex. karuseller).
- Tydlig fokusmarkering ska visas när användaren navigerar med tangentbord.
- Länkar ska ha beskrivande text.
- Det ska finnas flera sätt att hitta sidor, t.ex. meny + sökfunktion.
- Gester (som svep eller nyp) ska kunna ersättas med ett enkelt klick.
3. Understandable – Innehåll och funktion ska vara lätt att förstå
- Webbsidan ska ha angivet språk (t.ex. lang="sv").
- Navigering och upprepade element ska vara konsekventa.
- Felmeddelanden ska vara tydliga och begripliga.
- Formulär ska ha instruktioner och etiketter.
- Vid fel i formulär bör det ges förslag på hur man kan rätta till dem.
- Viktiga åtgärder (t.ex. vid köp eller rättsliga handlingar) ska ge möjlighet till granskning och bekräftelse innan skickning.
4. Robust – Innehållet ska fungera i olika webbläsare och tekniker
- Webbplatsen ska ha korrekt HTML (validerad kod).
- Alla element ska ha namn, roll och värde så att skärmläsare kan tolka dem.
- Statusmeddelanden (t.ex. "sparat") ska kunna uppfattas av hjälpmedel utan att användaren måste ha fokus där.
Konformitetsnivåer:
- Nivå A = grundläggande krav.
- Nivå AA = vanligaste lagkravet, t.ex. enligt EU:s tillgänglighetsdirektiv.
- Nivå AAA = högsta tillgänglighetsnivå, frivillig.
Selmas rekommendation
Vi på Selma tror att verklig WCAG-efterlevnad kräver både AI-teknologi och mänsklig bedömning.
AI är ovärderlig för att automatiskt identifiera vanliga tillgänglighetsproblem, genomföra kontinuerlig övervakning och implementera standardiserade åtgärder snabbt och skalbart. Mänsklig bedömning är samtidigt avgörande för kontextuell förståelse, värdering av användarupplevelsen och kvalitetssäkring av komplexa interaktioner.
Digital tillgänglighet är inte en engångsåtgärd. Innehåll ändras, ny funktionalitet läggs till och riktlinjer utvecklas. Genom att kombinera AI:s effektivitet med mänsklig expertis effektiviserar Selma vägen till WCAG-efterlevnad utan att kompromissa med kvalitet.