Een radio button zorgt ervoor dat een gebruiker een keuze kan maken uit verschillende opties.

Wanneer gebruik je een radio button?

Wanneer een gebruiker een keuze moet maken uit verschillende opties en het mogelijk is om slechts één optie te kiezen.

Anatomie van een radio button

Een radio button bestaat uit:

• Een radio button input
• Een label

Richtlijnen

• Selecteer standaard een optie. Zo weet de gebruiker dat er een optie gekozen moet worden.
• Zorg ervoor dat de meest gebruikte optie standaard geselecteerd staat. Hierdoor hoeft een gebruiker niet extra te klikken.
• Vermijd horizontale radio buttons. Deze zijn lastig te scannen omdat het onduidelijk is welke input bij welk label hoort.
• Zorg ervoor dat zowel de input als de label aanklikbaar zijn. Omdat de input relatief klein is kan het voor sommige gebruikers lastig zijn deze aan te klikken.

Rijkshuisstijl

De omlijning van de radio button is zwart in plaats van donkergrijs zoals staat opgenomen in de Rijkshuisstijl om deze visueel gelijk te houden met de andere input elementen.

Bronnen

• Radio Buttons: Select One by Default or Leave All Unselected? - Kara Pernice