WCAG-kriterier med kodfix
Komplett guide till WCAG 2.2 success criteria — på svenska, med vanliga felmönster och kodfix-exempel per stack.
Perceivable — Möjlig att uppfatta
Icke-text-innehåll
Alla bilder, ikoner och icke-text-element ska ha text-alternativ.
Information och relationer
Innehållets struktur ska förmedlas semantiskt — inte bara visuellt.
Identifiera syfte med input
Formulärfält som samlar standard-data ska ha rätt autocomplete-attribut.
Använd inte bara färg
Färg får inte vara det enda sättet att förmedla information.
Kontrast (minst)
Text och dess bakgrund ska ha ett kontrastvärde på minst 4.5:1.
Ändra storlek av text
Text ska kunna förstoras till 200% utan att layouten bryts.
Omslag
Sidan ska kunna renderas på 320px viewport utan horisontell scroll.
Icke-text-kontrast
UI-komponenter och grafiska objekt ska ha kontrast minst 3:1.
Operable — Hanterbar
Tangentbord
All funktionalitet ska vara tillgänglig via tangentbord.
Ingen tangentbordsfalla
Tangentbordsanvändaren ska kunna lämna alla komponenter.
Hoppa över block
Återkommande block (navigation) ska kunna kringgås med skip-link.
Sidtitel
Varje sida ska ha en beskrivande och unik <title>.
Fokusordning
Tab-ordningen ska följa en meningsfull sekvens.
Syfte med länk
Länktexten ska beskriva vart länken leder.
Rubriker och etiketter
Rubriker och etiketter ska beskriva ämne eller syfte.
Fokus synligt
Tangentbordsfokus ska vara visuellt synligt.
Namn i etikett
Tillgängligt namn ska innehålla den synliga etiketten.
Understandable — Begriplig
Robust — Robust
Notera: Granska kontrollerar dessa kriterier automatiskt så långt det går. Vissa kriterier kräver manuell granskning för full bedömning.