Form label component for the Municipality of Utrecht based on the NL Design System architecture
npm install @utrecht/form-label-cssHet label moet aanklikbaar zijn om de _form input_ te activeren. Gebruik display: inline voor het label, zodat de tekst aanklikbaar is. Je wilt dat de witruimte naast de tekst niet aanklikbaar is, omdat niet duidelijk is welke actie hoort bij de witruimte.
Als je het label wilt gebruiken als onderdeel van - label: net als - - Form label - WCAG eis 2.4.6: de tekst van het label moet duidelijk zijndisplay: grid of display: flex, gebruik dan een extra _ wrapper element_ om het label heen, om te voorkomen dat de label heel groot wordt.Terminologie
in HTMLClass names
utrecht-form-labelDesign tokens
- utrecht-form-label-font-weight
- utrecht-form-label-font-sizeRelevante WCAG regels