Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Component: Form field label #177

Open
Yolijn opened this issue Apr 19, 2023 · 3 comments
Open

Component: Form field label #177

Yolijn opened this issue Apr 19, 2023 · 3 comments

Comments

@Yolijn
Copy link
Member

Yolijn commented Apr 19, 2023

https://www.figma.com/file/fy08SZpZmqx6ljLwvA3Woe/Figma---Schetsboek?node-id=476-8224&t=yWh43oLpUHkTyHJz-4

@Yolijn Yolijn mentioned this issue Apr 26, 2023
5 tasks
@Yolijn
Copy link
Member Author

Yolijn commented Apr 26, 2023

The artist formerly known as #121

@Robbert
Copy link
Member

Robbert commented May 24, 2023

Vraag van Cappelle aan de IJssel: is het nodig dat de form label bold is? Waarom doet iedereen dat? Helpt het bij de visuele hiërarchie? Graag advies over het design toevoegen aan de documentatie.

@jeffreylauwers
Copy link

jeffreylauwers commented May 24, 2023

Goeie vraag. Het is niet per se nodig of verplicht maar het biedt, naar mijn idee, wel voordelen.

  • Het helpt form-fields visueel te groeperen.
  • Het creëert, door de stevige weergave, een visueel focus-punt voor het oog wanneer je van form-field naar form-field werkt.
  • Het biedt visueel onderscheid tussen het form-label en eventuele form-description tekst (die er idealiter direct onder staat).

Luke Wroblewski, heeft veel onderzoek heeft gedaan naar fomulieren en er een boek over heeft geschreven, adviseert bold en geeft naar nog een extra reden bij.

Ik moet ook denken aan het visueel onderscheid met radio-option-labels en checkbox-option-labels.

@Robbert Robbert added this to the Candidate component milestone Feb 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: No status
Status: No status
Status: No status
Status: No status
Status: 🕵🏻‍♂️ Exists in the wild
Development

No branches or pull requests

3 participants