Martijn Hols går gjennom tilgjengelighetsgrep som bør være en vanlig del av frontendarbeidet. Mange av dem handler om å bruke funksjonalitet nettleseren allerede har.
Accessibility essentials every front-end developer should know HTML, skjemafelt, fokus og bevegelse: små grunnvalg med stor betydning for brukeropplevelsen. Les originalartikkelen (åpnes i ny fane)Key takeaways
- Bruk lenker til navigasjon og knapper til handlinger. Et klikkbart div-element får ikke den samme betjeningen automatisk.
- Skjemafelt trenger tydelige, tilknyttede etiketter. Plassholdertekst forsvinner når brukeren skriver og kan ikke erstatte dem.
- Synlig tastaturfokus, støtte for større tekst og respekt for redusert bevegelse må følge med det visuelle designet.
- Semantisk HTML er et godt utgangspunkt. ARIA må brukes målrettet, og løsningen trenger fortsatt manuell testing.
Ding! 💡
For meg er dette et godt argument for å diskutere oppførsel samtidig som utseende. En knapp er ikke ferdig beskrevet når farge og radius er bestemt. Jeg vil også vite hvordan den får fokus, hva den heter for hjelpemidler og hva som skjer etter aktivering. Det gjør samtalen mellom design og utvikling langt mer konkret.
Raut#131, 3. februar 2025