NL Design System
Form Field Error Message #228
Replies: 12 comments
-
AmsterdamFigma (in combinatie met Text input) Screenshots / VariantenFigma Text input Checkbox group Radio group Datepicker Notities
|
Beta Was this translation helpful? Give feedback.
-
Den Haag
Screenshots / VariantenStorybook
In combinatie met Text input Figma - Huidig Text input Date picker Text area Radio group Figma - WIP
Notities
|
Beta Was this translation helpful? Give feedback.
-
DSO ToolkitStorybook (in combinatie met Text input) Screenshots / VariantenStorybook Text input Select Date picker Notities
|
Beta Was this translation helpful? Give feedback.
-
DUO
Screenshots / VariantenDocumentatie website Text input Radio group Text area Notities
|
Beta Was this translation helpful? Give feedback.
-
Open FormulierenStorybook (in combinatie met Text input) Screenshots / VariantenStorybook Text input Select Radio group Notities
|
Beta Was this translation helpful? Give feedback.
-
Open GemeentenScreenshots / VariantenPatternlab Text input Datepicker Select Text area Radio group Notities
|
Beta Was this translation helpful? Give feedback.
-
RotterdamScreenshots / VariantenFigma Text input / Select Radio group Notities
|
Beta Was this translation helpful? Give feedback.
-
RVOScreenshots / VariantenStorybook Error Warning Toegepast in combinatie met verschillende form controls. Onder andere... Text input Select Radio group Notities
|
Beta Was this translation helpful? Give feedback.
-
UtrechtScreenshots / VariantenStorybook In combinatie met Text input Figma
Notities
|
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.
-
✨ Dit component is nu Community ✨Help je mee hem door de Candidate stappen te krijgen? |
Beta Was this translation helpful? Give feedback.
-
|
Tijdens de Design System week 2024 vertelde Kim Denie dat de rode tekst met een roodfilter een stuk lastiger te zien is. |
Beta Was this translation helpful? Give feedback.
-
We willen graag meer leren over het Form Field Error Message 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
Form Field Error Message
Doel
Toont een foutmelding die informeert wat er is fout gegaan en hoe dit is op te lossen.
Gerelateerde componenten
Invalid Form Alert
Richtlijnen
Foutmeldingen in een formulier - NL Design System
Onze richtlijnen rondom foutmeldingen in formulieren.
Schrijfwijze van foutmeldingen - GitHub Discussion
GitHub Discussion waarbij we tot een schrijfwijze voor foutmeldingen proberen te komen.
Onderzoek
Avoid Messages Under Fields - Adrian Roselli
Artikel beschrijft waarom Form Field Error Messages beter tussen het label en form control geplaatst kunnen worden.
Avoid Default Field Validation - Adrian Roselli
Artikel beschrijft waarom de standaard HTML5 validatie beter vermeden kan worden. Jules Ernst geeft dit ook aan in zijn comment op de backlog.
Error Message Guidelines - Nielsen Norman Group
Richtlijnen voor foutmeldingen waarbij enkele punten betrekking hebben tot Form Field Labels.
The problem with live validation and what to do instead - Adam Silver
Artikel beschrijft waarom live validatie beter vermeden kan worden.
How to make inline error messages accessible - Hidde de Vries
Artikel waarin Hidde beschrijft hoe je inline error messages toegankelijk kunt aanbieden.
Beta Was this translation helpful? Give feedback.
All reactions