User Tools

Site Tools


accessibility:forms:fieldsets

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.