Agriculture Design System
Beta
Design System for the Export Service

Fieldset

The Fieldset component is used to group related form fields and includes a descriptive legend to label the group, helping users understand the relationship between these form fields.

View in StorybookView in Github
import { ... } from '@ag.ds-next/react/fieldset';

Here are ways to make a Fieldset more accessible and inclusive for users of any ability or environment.

For general help with accessibility, go to the Web Content Accessibility Guidelines 2.1.

Always provide a legend

A legend is required in order to pass Success Criteria 1.3.1: Info and Relationships (Level A) by using Technique H71: Providing a description for groups of form controls using fieldset and legend elements.