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”.