Skip to content

feat(SegmentedControl & RadioList): add aria props for improved a11y handling - #2827

Merged
syeo66 merged 2 commits into
mainfrom
fondue-segmentedcontrolroot-and-radiolistroot-accept-no-aria
Aug 24, 2026
Merged

feat(SegmentedControl & RadioList): add aria props for improved a11y handling#2827
syeo66 merged 2 commits into
mainfrom
fondue-segmentedcontrolroot-and-radiolistroot-accept-no-aria

Conversation

@syeo66

@syeo66 syeo66 commented Aug 24, 2026

Copy link
Copy Markdown
Contributor

Both components render a group of radio buttons, and a group like that needs a name that assistive technology can announce. Neither accepted one. A plain label placed next to the control looks right but names nothing, so the group was silent, and there was no way at all to connect a hint or a validation message to it. Screen reader users never heard either. Consumers could not work around it.

SegmentedControl.Root and RadioList.Root now accept aria-label, aria-labelledby and aria-describedby. Naming stays optional, so nothing breaks for existing usage.

Also added along the way: data-test-id on SegmentedControl.Root and id on RadioList.Root, both of which were missing.

@syeo66 syeo66 self-assigned this Aug 24, 2026
@syeo66
syeo66 requested a review from a team as a code owner August 24, 2026 06:27
@syeo66
syeo66 requested a review from SamuelAlev August 24, 2026 06:27
@changeset-bot

changeset-bot Bot commented Aug 24, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: cc6d08f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@frontify/fondue-components Patch
@frontify/fondue Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify

netlify Bot commented Aug 24, 2026

Copy link
Copy Markdown

Deploy Preview for fondue-components ready!

Name Link
🔨 Latest commit cc6d08f
🔍 Latest deploy log https://app.netlify.com/projects/fondue-components/deploys/6a8be48631e9e000089c8ec6
😎 Deploy Preview https://deploy-preview-2827.components.fondue-components.frontify.com
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@syeo66
syeo66 merged commit 39ea4e6 into main Aug 24, 2026
17 checks passed
@syeo66
syeo66 deleted the fondue-segmentedcontrolroot-and-radiolistroot-accept-no-aria branch August 24, 2026 07:43
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.

2 participants