Målstørrelse (udvidet)

Hvad det kræver

Hvert interaktivt mål skal have et klikområde på mindst 44×44 CSS-pixels. De samme undtagelser som AA-niveauets 2.5.8 gælder: tilsvarende mål tilgængeligt, inline-tekst, brugeragentkontrol, essentiel og overensstemmende.

44×44 er det tal, Apple, Google og Microsoft er enige om i deres egne designretningslinjer, så opfyldelse af dette succeskriterium er typisk i tråd med platformens UI-normer snarere end i strid med dem.

Sådan opfyldes det

• Sæt min-width: 44px; min-height: 44px på knapper, ikon-only-elementer, formularfelter og alle berøringsmål.
• Brug padding inde i små ikonknapper for at skubbe klikområdet op til 44×44, selv når ikonets glyf er 16–24px.
• Gennemgå paginering, brødkrumme-navigation, mobil-nav, tabelrækkehandlingsikoner, chip-fjern-knapper og svevende handlingsknapper først.
• For elementer, der visuelt skal være små, sørg for 44×44 pixels fri plads rundt om dem (ingen andre mål inden for den radius).

Typiske fejl

• 24×24 eller 32×32 ikonknapper i værktøjslinjer — opfylder AA, men fejler AAA.
• Pagineringsrækker med 30-pixel bokse.
• Tætte tabelrækkehandlinger, hvor Rediger / Dupliker / Slet sidder tæt sammen.
• Chip-fjern-×-knapper stiliseret til 12–20px.

Hvorfor det er vigtigt

44×44-grænsen er det niveau, hvor fejltryk falder til næsten nul for brugere med Parkinsons, essentiel rysten, MS og andre motoriske tilstande, og for alle, der bruger en telefon med én hånd i bevægelse. AAA-succeskriterier er normalt ikke påkrævet for overensstemmelse, men mange regulerede sektorer (finans, offentlig forvaltning, sundhedsvæsen) sigter mod AAA i mobil-UI, præcis fordi mobil så uforholdsmæssigt svigter brugere med motoriske funktionsnedsættelser. Hvis du allerede opfylder 2.5.8, er løft fra 24 til 44 typisk en ændring af én Tailwind-klasse.