En knap kan være synlig og stadig være besværlig at ramme. På en mobilskærm betyder både målets størrelse og afstanden til naboelementer noget for, hvor præcist man skal bevæge fingeren.
WCAG 2.2 omfatter et kriterium om minimumsstørrelse for pegemål på AA-niveau. Det tager udgangspunkt i 24 gange 24 CSS-pixels og beskriver undtagelser, blandt andet for afstand mellem mål og links i løbende tekst. Det er vigtigt at læse hele kriteriet frem for at bruge ét tal som en garanti for tilgængelighed.
Find den afgørende opgave
DigitalDesign foreslår en enkel start: Åbn siden på en telefon og vælg ét konkret mål. Det kan være at finde kontaktoplysninger eller rette en fejl i en formular. Gennemfør opgaven, mens du noterer steder, hvor du tøver eller rammer forkert.
Undersøg derefter den mest problematiske handling isoleret. Har den et tydeligt navn? Er der nok plads til siden? Ligger en destruktiv handling så tæt på, at en fejl får større konsekvenser end nødvendigt?
Mere plads skal have et formål
Prøv at give knappen en større aktiv flade uden nødvendigvis at gøre teksten større. Hold samtidig øje med, om flere handlinger begynder at konkurrere om opmærksomheden. En vigtig handling skal kunne findes hurtigt, men ikke skjule valgmuligheder, som brugeren har brug for.
Lav gerne to papirskitser, før du ændrer den færdige løsning. Den ene kan arbejde med mere afstand; den anden med en anden placering. Vis dem til en person, som ikke har deltaget i designet, og bed vedkommende finde næste skridt.
Husk andre måder at betjene siden på
En større trykflade løser ikke alene alle problemer. Tastaturbetjening, synligt fokus, kontrast og forståelige tekster skal også kontrolleres. Tilgængelighed er en egenskab ved det samlede forløb.
Artiklen er en praktisk introduktion og udgør ikke en fuld WCAG-evaluering. Brug standardens originale kriterier, når et projekt skal vurderes systematisk.
Gør os opmærksom på en fejl →