Standarder · WCAG 2.2

SC 2.5.8 Niveau AA WCAG 2.2 Nyt i 2.2

Målstørrelse (minimum)

Interaktive mål — knapper, links, formularfelter — skal være mindst 24×24 CSS-pixels, medmindre et tilsvarende mål på samme side er stort nok, eller målet er en del af en sætning. Ny i WCAG 2.2.

Hvad det kræver

Hvert interaktivt element på siden skal have et klikområde på mindst 24×24 CSS-pixels — eller have tilstrækkelig afstand rundt om sig, så en 24×24-cirkel centreret på målet ikke ville skære ind i noget andet mål. Hensigten er at forhindre brugere med begrænset finmotorisk kontrol, rysten eller berøringsskærm på farten i at ramme forkert og udløse den forkerte handling.

WCAG 2.2 fastsætter minimumet til 24×24; det eksisterende AAA-niveau 2.5.5 fastholder det mere ambitiøse 44×44-mål.

Sådan opfyldes det

  • Sæt min-width / min-height på 24px på ikon-only-knapper, luk-knapper og alle berøringsmål, der er mindre end en typisk knap.
  • For inline links i afsnit er du undtaget — succeskriteriet tillader eksplicit mål „i en sætning“.
  • For ikonrækker (værktøjslinjeknapper, tabelrækkehandlinger) brug padding for at skubbe klikområdet ud til 24×24, selv når ikonets glyf er mindre.
  • For elementer, der skal forblive visuelt små (et lille „x“ på et chip), tilføj en margin/afstandsbuffer, så tilstødende mål er mindst 24px fra centrum til centrum.
  • Gennemgå paginering, brødkrumme-navigation, tabelrækkehandlinger og værktøjslinjeikoner først — det er her fejlene klumper sig.

Typiske fejl

  • 16×16 ikonknapper (luk, rediger, slet) uden padding, især i tabeller og værktøjslinjer.
  • Tætte pagineringsrækker, hvor Forrige / 1 / 2 / 3 / Næste sidder i 18px-bokse tæt op ad hinanden.
  • Brugerdefinerede afkrydsningsfelter / radioknapper stiliseret mindre end det native element af „minimalistiske“ grunde.
  • Svevende handlingsknapper på mobil, der overstiger 24×24, men sidder for tæt på andre berøringsmål.
  • Tag-fjern-„ד-knapper på 10–14 pixels — ekstremt almindeligt i chip-baserede filter-UI’er.

Undtagelser, der er værd at kende

Succeskriteriet har fem undtagelser: tilsvarende (et større mål på samme side gør det samme), inline (i en sætning), brugeragentkontrol (browserstandard, f.eks. native <select>), essentiel (den lille størrelse er nødvendig for at formidle information, f.eks. et kortnål) og overensstemmende (en mere generel regel tvinger størrelsen — sjælden).

Hvorfor det er vigtigt

Fejl i målstørrelse dukker uforholdsmæssigt op i mobiltest og for brugere med Parkinsons, essentiel rysten, multipel sklerose eller enhver, der bruger berøringsskærm med én hånd i toget. Skiftet fra „intet minimum“ i 2.1 til et 24×24-gulv i 2.2 overraskede de fleste produktionssites — forvent, at dette er det mest citerede nye succeskriterium i 2026-audits.