Richtlijnen NL Design System voor het visueel ontwerp van een formulier

Waarmee moet je als (UX-)designer rekening houden bij het ontwerpen van een toegankelijk en gebruikersvriendelijke formulier.

Overzicht richtlijnen

Invoerveld goed zichtbaar

Richtlijnen om met contrast duidelijk aan te geven waar een invoerveld is.

Tekst goed zichtbaar

Richtlijnen om met contrast duidelijk aan te geven waar de tekst van een formulierveld is.

Placeholder goed zichtbaar

Richtlijnen om met contrast duidelijk aan te geven waar de placeholder van een formulierveld is.

Focus goed zichtbaar

Richtlijnen om met contrast duidelijk aan te geven welke formulierveld focus heeft.

Invoerveld goed aanklikbaar

Richtlijnen om aanklikbare formuliervelden makkelijk te kunnen selecteren.

Fouten niet kleurafhankelijk

Richtlijnen om fouten niet alleen met kleur aan te geven.

Geen afbeelding voor buttons

Richtlijnen om stijl van buttons met CSS te bepalen.

Logische volgorde

Richtlijnen om informatie in een logische volgorde te tonen.

Deze documentatie heeft nu een eigen pagina

Geef duidelijk aan waar het invoerveld is.

Geef tekst voldoende kleurcontrast.

Geef placeholders voldoende kleurcontrast.

Maak de toetsenbordfocus goed zichtbaar.

Maak aanklikbare formuliervelden groot genoeg.

Geef fouten weer met meer dan alleen kleur.

Gebruik geen afbeelding voor buttons maar stijl tekst met CSS.

Zorg voor een logische volgorde van de informatie.

Over deze richtlijnen

Deze richtlijnen worden onderhouden door het 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.