NL Design System
Checkbox Group #223
Replies: 12 comments
-
Open FormulierenScreenshots / VariantenStorybook Notities
|
Beta Was this translation helpful? Give feedback.
-
|
Ik heb één inzicht gevonden uit ons onderzoek naar formulieren in 2022. De checkboxes die we hadden ontworpen waren 44px groot. Gebruikers waardeerden deze grootte, omdat het eenvoudig te selecteren was op touchscreen devices. Het is dus belangrijk om rekening te houden met het bieden van voldoende ruimte bij checkboxes en/of tussen form field checkbox options. 
|
Beta Was this translation helpful? Give feedback.
-
AmsterdamScreenshots / VariantenStorybook Checkbox group
Checkbox group with error
Figma Form field met Checkbox group - validatie Notities
|
Beta Was this translation helpful? Give feedback.
-
Den HaagScreenshots / VariantenStorybook Checkbox Group Checkbox Group With Description Figma - Huidig Checkbox group Figma - WIP Checkbox group Mogelijkheid voor description per optie. Notities
|
Beta Was this translation helpful? Give feedback.
-
DSO ToolkitStorybookGroups / checkboxes - checked Groups / checkboxes - validatie en helptext Nested combinatie met checkboxes. Notities
|
Beta Was this translation helpful? Give feedback.
-
DUOScreenshots / VariantenDocumentatie website Default Horizontale checkbox in verticaal form Horizontale checkbox in horizontaal form Geneste checkbox Validatie Notities
|
Beta Was this translation helpful? Give feedback.
-
OpenGemeentenScreenshots / VariantenPatternlab NotitiesBekijk ook de GitHub Discussion - Checkbox toevoeging van OpenGemeenten. |
Beta Was this translation helpful? Give feedback.
-
RotterdamScreenshots / VariantenFigma Groep inclusief validatie Notities
|
Beta Was this translation helpful? Give feedback.
-
RVOScreenshots / VariantenStorybook Default Invalid Figma Checkbox group States Form field checkbox option NotitiesBekijk ook de GitHub Discussion - Checkbox toevoeging van RVO. |
Beta Was this translation helpful? Give feedback.
-
UtrechtScreenshots / VariantenStorybook with only a label with a checkbox group description with checkbox option descriptions with checkbox invalid option descriptions with checkbox invalid group description Figma Checkbox group Mogelijkheid voor description per optie. Notities
|
Beta Was this translation helpful? Give feedback.
-
|
Bij gemeente Groningen zie je een aantal toepassingen:
We hebben geen inzichten uit onderzoek rondom checkboxes vooralsnog. Maar onze persoon voor toegankelijkheid heeft wel gewezen op voldoende klikvlak ruimte voor de checkboxes. En dat onze kleur rood #E10019 met wit #ffffff wat toegankelijkheidsissues op zou gooien. Niet officieel qua contrast - want daaraan voldoet het, maar dat het ondanks die check wel slecht te lezen is. Schijnt vaker met de kleur rood een issue te zijn. De tekst die wij voor error messages beschikbaar hebben is dan wel erg donker (lijkt veel op zwart), dus wij zijn nog bezig met kijken hoe we die anders kunnen maken. |
Beta Was this translation helpful? Give feedback.
-
✨ Dit component is nu Help Wanted ✨Help je mee hem door de Community stappen te krijgen? |
Beta Was this translation helpful? Give feedback.
-
We willen graag meer leren over de Checkbox Group component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?
Deel hieronder een link naar Figma, Storybook of screenshots. Met deze informatie kunnen we bewijzen dat het component onderdeel moet worden van de NL Design System component library.
Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!
Link naar bericht in Slack
Naam
Checkbox Group
Doel
Biedt de mogelijkheid om geen, één of meerdere opties te selecteren uit een lijst.
Gerelateerde componenten
Checkbox, Fieldset, Radio Group
Onderzoek
Checkboxes - GOV.UK
Onder 'Research on this component' worden bevindingen genoteerd. Er is ook een link naar de Checkboxes GitHub Discussion waar meer informatie, onderzoek en aanpassingen worden gedeeld.
In een comment bij Checkbox Github Discussion wordt meer tekst en uitleg gegeven wat GOV.UK heeft gedaan rondom het toevoegen van een 'of' divider om een optie zoals 'Geen van bovenstaande' apart van de andere opties te presenteren.
In een comment bij Checkbox Github Discussion wordt meer tekst en uitleg gegeven wat GOV.UK heeft gedaan rondom het conditioneel onthullen van een text input in combinatie met een Checkbox Group.
Myth #23: Choices should always be limited to 7+/-2 - UX Myths
Artikel beschrijft de mythe rondom het aanhouden van maximaal 7 opties.
Beta Was this translation helpful? Give feedback.
All reactions