Grouping with <fieldset> and <legend>
When you design forms with multiple related fields, using the fieldset element helps you group these fields together in a way that is clear for everyone. The legend element provides a descriptive heading for the group, making it easier for users to understand the form's structure. This approach is especially important for accessibility: screen readers will announce the group and its legend, giving users important context about the information being requested.
index.html
style.css
By grouping related fields, you make forms easier to scan for sighted users, who can quickly identify logical sections. For users of assistive technologies, the grouping and legend are announced, improving navigation and comprehension throughout the form.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Can you show me an example of how to use `fieldset` and `legend` in a form?
Why is accessibility important when designing forms?
Are there other HTML elements that help with form accessibility?
Awesome!
Completion rate improved to 10Grouping with <fieldset> and <legend>
Stryg for at vise menuen
When you design forms with multiple related fields, using the fieldset element helps you group these fields together in a way that is clear for everyone. The legend element provides a descriptive heading for the group, making it easier for users to understand the form's structure. This approach is especially important for accessibility: screen readers will announce the group and its legend, giving users important context about the information being requested.
index.html
style.css
By grouping related fields, you make forms easier to scan for sighted users, who can quickly identify logical sections. For users of assistive technologies, the grouping and legend are announced, improving navigation and comprehension throughout the form.
Tak for dine kommentarer!
