Skip to content

fix(a11y): announce field name and current value in select widgets via screen reader#8314

Open
Wagner3UB wants to merge 6 commits into
mainfrom
fix/a11y-select-screen-reader-aria-label
Open

fix(a11y): announce field name and current value in select widgets via screen reader#8314
Wagner3UB wants to merge 6 commits into
mainfrom
fix/a11y-select-screen-reader-aria-label

Conversation

@Wagner3UB
Copy link
Copy Markdown
Contributor

Fixes #5139

What

Improves screen reader accessibility for SelectWidget and ArrayWidget (react-select based fields).

Changes

  • SelectWidget: replaced aria-labelledby with a dynamic aria-label that includes the field title and the current selected value(s). Falls back to "No value" (translated) when the field is empty. Separated inputId from id so the HTML label correctly points to the react-select inner input.
  • ArrayWidget: same aria-label pattern applied for multi-select fields.

Behavior after fix

  • Screen reader announces field name + current value(s) on focus (e.g. "Available timezones: Europe/Berlin, UTC")
  • Empty fields announce "Available timezones: No value"

@Wagner3UB Wagner3UB marked this pull request as ready for review June 5, 2026 07:21
@Wagner3UB Wagner3UB requested review from a team and stevepiercy June 5, 2026 07:21
@Wagner3UB Wagner3UB self-assigned this Jun 5, 2026
@github-project-automation github-project-automation Bot moved this to In progress in Accessibility Jun 5, 2026
Copy link
Copy Markdown
Collaborator

@stevepiercy stevepiercy left a comment

Choose a reason for hiding this comment

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

LGTM, but I think a technical review would be good.

@github-project-automation github-project-automation Bot moved this from In progress to Reviewer approved in RedTurtle priorities Jun 5, 2026
@github-project-automation github-project-automation Bot moved this from In progress to Reviewer approved in Accessibility Jun 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: Reviewer approved
Status: Reviewer approved

Development

Successfully merging this pull request may close these issues.

a11y - site setup - Date and Time - input fields - cms ui - accessible labels

2 participants