Wel doen & niet doen
Echte fans kennen de grenzen: scherp over wat mag, even scherp over wat de gebruiker kwelt. Hier een compacte fan-editie.
Wél
- Semantische tokens gebruiken in plaats van losse waarden overal te spreiden.
- Visuele hiërarchie bewust houden: één duidelijke actie per schermsectie helpt.
- Interactietoestanden expliciet maken: hover, focus, active, disabled.
- Toegankelijkheid: elke a11y-bewering testbaar maken in de implementatie.
- Richtlijnen kort, zelfverzekerd en praktisch houden — engineers moeten het kunnen uitvoeren.
Niet
- Geen lage-contrast-tekst om “zacht” te lijken — leesbaarheid gaat voor.
- Geen willekeurige afstanden die de ritme van 4–32 breken zonder reden.
- Geen dubbelzinnige knop- of koppeltekst; labels moeten op zichzelf duidelijk zijn.
- Geen regels die alleen op vage adjectieven draaien; veranker met token, drempel of voorbeeld.
- Bij twijfel: toegankelijkheid en duidelijkheid wint het van “nieuw” om de nieuwheid.
Componenten (kort)
Denk per component aan standaard, hover, focus-visible, active, disabled, en waar nodig loading en error. Toetsenbord, pointer en touch gedragen zich voorspelbaar; lange labels en lege toestanden krijgen net zoveel aandacht als de “happy path”.