Skip to content

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

Merged
labkey-susanh merged 34 commits intodevelopfrom
fb_inputLabels
May 1, 2026
Merged

Accessibility improvements: add labels or aria-labels to input elements#1991
labkey-susanh merged 34 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
return null;
}

const suffix = chartConfig.measures.series?.name ?? 'unknown';
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

does the usages of this suffix need to use the stringToHtmlId helper?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, that's one of the changes I have locally.

Comment thread packages/components/src/internal/components/chart/ChartFieldOption.tsx Outdated
@labkey-susanh labkey-susanh merged commit a5c7953 into develop May 1, 2026
3 checks passed
@labkey-susanh labkey-susanh deleted the fb_inputLabels branch May 1, 2026 14:23
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