cds-snc / cds-snc/platform-forms-client

Multiple related form inputs are not nested under a fieldset

Open
#5,683 2 comments 0 reactions 1 assignee Claimed by @samsadasivan View on GitHub
a11y design-system freshdesk
Dominant language
TypeScript
Stars
46
Forks
16
Avg merge
1d 8h
Merged PRs (30d)
85

Description

**issue**:
When there are multiple form inputs that are related, they should be nested under a fieldset with a legend

**client feedback**:
> There is no fieldset component that could be used, the preset component titles for Contact Us, Address, Individual names are headings but the fields within are not grouped together in a fieldset, so that a screen reader would read the fieldset legend to indicate the fields are part of that section. This specifically helps with tabbing through the forms as the non interactive components does not get focus so the headings and any text outside of form elements can be skipped. We are using the form extensively and we find this is a great tool and wish the form makes use of HTML native tags for us to use. This helps with implementing default features that is available within, for example, using the min max attributes, inserting HTML tags like fieldset to setup relates fields.

**source**:
[freshdesk ticket 23035](https://cds-snc.freshdesk.com/a/tickets/23025)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.