Skip to content

Accessibility improvements: add labels or aria-labels to input elements#1991

Open
labkey-susanh wants to merge 27 commits intodevelopfrom
fb_inputLabels
Open

Accessibility improvements: add labels or aria-labels to input elements#1991
labkey-susanh wants to merge 27 commits intodevelopfrom
fb_inputLabels

Conversation

@labkey-susanh
Copy link
Copy Markdown
Contributor

@labkey-susanh labkey-susanh commented Apr 29, 2026

Rationale

For better accessibility of our input forms, we need to provide proper labels for each input field.

Related Pull Requests

Changes

  • Add aria-label when there is no label
  • Add htmlFor and id when for labels and fields that were not associated with each other
  • Add a few sr-only elements that can provide text where we used only icons
  • Add stringToHtmlId method for constructing valid HTML ids from field names, etc.

Comment thread packages/components/src/internal/util/utils.ts Fixed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants