Richtlijnen NL Design System voor ruimte

Ruimte (Spacing in het Engels) helpt bij het organiseren van inhoud. Door ruimte op een voorspelbare manier toe te passen kun je visueel verbanden leggen en orde scheppen. Dit geldt voor componenten maar ook voor de algehele opmaak van een pagina ofwel layout

Overzicht richtlijnen

Gerelateerde WCAG-succescriteria:

• 1.4.12 Tekstafstand (niveau AA)
• 2.5.8 Grootte van het aanwijsgebied (minimum) (niveau AA)
• 2.5.8 Grootte van het aanwijsgebied (uitgebreid) (niveau AAA)

Bronnen

• Visual Perception And The Principles Of Gestalt - Steven Bradley
  Artikel waarin de verschillende gestalt principes worden beschreven.
• Space in design systems - Nathan Curtis
  Artikel waarin het toepassen van ruimte binnen een design system wordt beschreven.
• Hand tremors and the giant-button-problem - Hampus Sethfors
  Artikel, en video, waarin duidelijk wordt waarom het van belang is om voldoende witruimte bij grote interactieve elementen toe te voegen.
• Use White Spacing - Supplemental Guidance to WCAG 2.

Deel je gebruikersonderzoek

Er is nog veel te onderzoeken over het gebruik van spacing. Doe je gebruikersonderzoek? Deel dan alsjeblieft je bevindingen op gebruikersonderzoeken.nl zodat we hiervan allemaal kunnen leren.

Over deze richtlijnen

Deze richtlijnen worden onderhouden door NL Design System en zijn op dit moment in beta.

We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.