User Tools

Site Tools


Fieldsets and grouping inputs

Fieldsets should be used to group multiple fields that make up one unit of data. Groups of radio buttons should be contained in a fieldset.

Names, addresses, phone number groups, email and password pairs might be good candidates for fieldsets. However, screen readers will announce the fieldset legend as a prefix for each label within, so this might be overkill in situations where the label alone ("First name") is sufficient. In these situations, a visual grouping without <fieldset> is more appropriate.

Bootstrap input groups

Bootstrap provides input groups and advises that the text in the gray box should not be the field's <label>.

In Evergreen, in order to avoid disrupting some layouts in older screens that did not include proper form labels, we have adjusted the styles to allow <label> tags inside the input-group-text class.

accessibility/forms/fieldsets.txt · Last modified: 2023/08/07 17:56 by scl

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.