Skip to content

Comments

Use aria-label to avoid radio label double-read#8567

Merged
aduth merged 1 commit intomainfrom
aduth-lg-9949-radio-sr-twice
Jun 12, 2023
Merged

Use aria-label to avoid radio label double-read#8567
aduth merged 1 commit intomainfrom
aduth-lg-9949-radio-sr-twice

Conversation

@aduth
Copy link
Contributor

@aduth aduth commented Jun 9, 2023

🎫 Ticket

LG-9949

🛠 Summary of changes

Updates markup for email languages radio selection to improve how labels are read by screen readers, preventing the label from being read twice when navigating contents (via arrow keys or "Read All" functionality).

📜 Testing Plan

  1. Go to http://localhost:3000
  2. Click "Create an account"
  3. Activate screen reader
  4. Navigate page contents with arrow keys
  5. Observe that each radio button is read only once

👀 Screenshots

Before:

before.mp4

After:

after.mp4

changelog: User-Facing Improvements, Accessibility, Avoid duplicate announcement of radio label text
@aduth aduth requested a review from a team June 9, 2023 17:36
@aduth aduth merged commit 7279255 into main Jun 12, 2023
@aduth aduth deleted the aduth-lg-9949-radio-sr-twice branch June 12, 2023 14:06
@jmhooper jmhooper mentioned this pull request Jun 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants