BLOG · EAA & WCAG

WCAG 2.2:
Hvad er ændret & hvad det betyder for dine klienter

De 9 nye successkriterier, dem der blev fjernet, og en praktisk plan for at bringe klient-sites up to date — intet compliance-team kræves.

Læs guiden Se de 9 nye kriterier ↓

Opdateret august 2026 · Læsetid: 7 minutter

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.

Test ethvert site gratis →    EAA-tjeklisten →

Relaterede guides

EAA

EAA-tjekliste: 10 trin for WordPress

OVERLAYS

Accessibility overlays & EAA (dansk)