Hvorfor WCAG 2.2 betyder noget nu
WCAG 2.2 blev en W3C-anbefaling i oktober 2023 og er nu referencesstandarden for European Accessibility Act (EAA), der trådte i kraft juni 2025. Hvis dine klienter sælger produkter eller tjenester online i EU, forventes deres sites at overholde mindst WCAG 2.1 AA — og WCAG 2.2 er der hvor standarden er på vej hen.
WCAG 2.2 erstatter ikke 2.1 — det udvider den. Et site der overholder 2.2 AA overholder automatisk 2.1 AA. Det gør opgradering til det sikreste langsigtede mål for ethvert bureau, der vedligeholder klient-sites i EU.
EAA-håndhævelse
Siden juni 2025 skal e-handel, bank, transport og teleservices i EU være tilgængelige. Nationale markedsovervågningsmyndigheder kan bøde- lægge ikke-konforme virksomheder.
9 nye kriterier
WCAG 2.2 tilføjer ni nye successkriterier med fokus på kognitiv tilgængelighed, mobilinteraktion og formularer — områder hvor de fleste sites fejler i dag.
4 fjernede
Fire gamle kriterier blev fjernet fordi de overlappede med andre. Sites bygget til 2.0 kan opleve at nogle krav er forsvundet — men ingen er blevet sværere uden erstatning.
De 9 nye successkriterier
Her er hvert nyt kriterium på niveau A og AA, med hvad det betyder i praksis for de sites du bygger:
2.4.11 Focus Not Obscured (Minimum) — AA. Når et element modtager tastaturfokus, må det ikke skjules af forfatterskabt indhold som sticky headers, cookie-bannere eller chat-widgets. Test: tabuler gennem siden og tjek at intet dækker det fokuserede element.
2.5.7 Dragging Movements — AA. Enhver handling der udføres ved at trække (sliders, drag-to-reorder, kort) skal også kunne udføres med et enkelt klik eller tryk. Sørg for knapper som alternativ.
2.5.8 Target Size (Minimum) — AA. Interaktive mål skal være mindst 24×24 CSS-pixels, eller have tilstrækkelig afstand omkring sig. Dette dræber små icon-only-knapper og trang mobilnavigation.
3.2.6 Consistent Help — A. Hvis et site tilbyder hjælp (supportlink, chat), skal det vises samme sted på alle sider. At flytte hjælpelinks mellem sider fejler.
3.3.7 Redundant Entry — A. Brugere må ikke skulle indtaste samme information to gange i én proces. Autoudfyld tidligere indtastede data i flertrins-checkouts og formularer.
3.3.8 Accessible Authentication (Minimum) — AA. Login må ikke kræve kognitive funktionstests — det er tilladt at huske adgangskoder, men puslespil, genindtastning af koder fra billeder eller transkriptionstests er ikke. Tillad indsætning i adgangskodefelter og understøt password managers.
⌨️ Fokussynlighed
2.4.11 + 2.4.13 betyder tilsammen at sticky headers ikke må sluge tastaturfokus. Rettelsen er typisk scroll-padding-top i CSS — billigt at implementere, let at demonstrere for klienter.
Mobil målstørrelse
2.5.8 fanger de tommelfinger-træthedsproblemer som rigtige brugere klager over. Få tilgængelighedsopgraderinger til at ligne UX-forbedringer når du taler med klienter.
Login-flow
3.3.8 påvirker enhver klient med et login. CAPTCHA'er der kræver transkription er en direkte fejl — skift til usynlige risikobaserede checks.
Hvad blev fjernet
Fire kriterier fra tidligere versioner blev fjernet i 2.2 fordi de duplikerede andre eller viste sig ikke-testbare:
4.1.1 Parsing — fjernet; duplikerede ID'er og misdannet markup bryder stadig hjælpeteknologi, men kravet er dækket af andre kriterier og browsers parsing-adfærd. Ret duplikerede ID'er alligevel (vores scanner tjekker for dem).
Andre krav blev reorganiseret: 2.4.10 Section Headings og dele af farvekontrast-vejledningen blev konsolideret frem for strammet.
Praktisk konsekvens: en audit mod 2.0 vil liste fejl der ikke længere eksisterer, og overse fejl der gør. Genbasér dine audits mod 2.2.
Sådan opdaterer du klient-sites
De fleste sites fejler de nye kriterier i de samme håndfulde steder. Arbejd gennem denne prioritetsorden:
1. Sticky headers og overlays. Tilføj scroll-padding-top svarende til header-højde, og sørg for at cookie-bannere lukker helt så de aldrig fælder fokus.
2. Touch-mål. Gennemgå ikonknapper, sociale ikoner og paginering. Øg padding til minimum 24×24 px. På de fleste sites er dette ren CSS.
3. Træk-alternativer. Enhver sorterbar liste eller slider har brug for synlige klik-/tryk-kontroller. Mange komponentbiblioteker leverer dette bag et flag — slå det til.
4. Formularer og checkouts. Autoudfyld gentagne felter, tillad indsætning overalt, fjern puzzle-CAPTCHA'er.
5. Gen-audit. Kør en scanning (vores er gratis, ovenfor), ret hvad den finder, og spot-tjek de nye kriterier manuelt. Dokumenter overensstemmelsespåstande mod 2.2 AA fremadrettet.
Gratis scanner
Vores scanner tjekker alt-tekster, labels, kontrast, target sizes, duplikerede ID'er og mere — indsæt en URL, få en score på sekunder. Ingen tilmelding.
Platform-guides
Vi har trinvise fix-guides til WordPress, Shopify, Webflow, Wix, Squarespace, Drupal, Joomla og flere — se guides-sektionen på forsiden.
Erklæringsgenerator
Efter rettelse kan du generere en tilgængelighedserklæring til din klient på minutter med vores gratis værktøj.
Ofte stillede spørgsmål
Er WCAG 2.2 lovpligtigt i EU?
EAA refererer til harmoniserede standarder baseret på WCAG 2.1 AA i dag, men EN 301 549 opdateres mod 2.2. At overholde 2.2 AA nu betyder at du er foran kravet i stedet for at jagte det.
Gælder WCAG 2.2 for mine klienter uden for EU?
Tilsvarende tendenser findes globalt — Section 508 i USA, EN 301 549-procurement-regler og nationale love der refererer til WCAG. At bygge til 2.2 AA opfylder næsten alle.
Vi bestod lige en 2.1-audit. Er vi kompatible med 2.2?
Ikke automatisk. Fokus-skjulning, målstørrelse og tilgængelig autentifikation er almindelige nye fejl på sites der består 2.1. Budgetær en lille re-audit-runde.
Hvilket nyt kriterium knuser flest sites?
Target Size (2.5.8). Icon-only-knapper under 24px er overalt — sociale delingsrækker, carousel-pile, mobilmenuer. Det er også den billigste klasse af rettelser.
Tjekker jeres gratis scanner WCAG 2.2?
Den automatiserer det maskintjekbare delmængde (alt-tekster, labels, kontrast, duplikerede ID'er, viewport, overskrifter og mere). Nogle 2.2-kriterier — trækbevægelser, redundant indtastning — kræver manuel test, og vores guider fører dig gennem disse tjek.