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.
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Awesome!
Completion rate improved to 10
Grouping with <fieldset> and <legend>
Scorri per mostrare il menu
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.
Grazie per i tuoi commenti!