-
Notifications
You must be signed in to change notification settings - Fork 636
Pass aria-label prop to ActionBar toolbar #6877
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
🦋 Changeset detectedLatest commit: 35c4c2c The changes in this PR will be included in the next version bump. This PR includes changesets to release 2 packages
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 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR enables proper accessibility labeling for the ActionBar component by passing the aria-label
prop to the toolbar element instead of only using it for overflow menu items.
- Passes
aria-label
andaria-labelledby
props to the toolbar element - Fixes variable name confusion between toolbar label and menu item labels
- Updates Storybook example to demonstrate proper usage
Reviewed Changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.
File | Description |
---|---|
packages/react/src/ActionBar/ActionBar.tsx | Adds aria-label support to toolbar element and fixes variable naming conflicts |
packages/react/src/ActionBar/ActionBar.stories.tsx | Adds aria-label example to Storybook playground |
.changeset/flat-ears-wink.md | Documents the change for release notes |
👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks! |
…rom being passed _with_ aria-label
Unblocks broken tests in
github-ui
introduced during Markdown editor redesign implementation.Changelog
New
Changed
In
ActionBar
,aria-label
now gets added to therole="toolbar"
element.Removed
Rollout strategy
Testing & Reviewing
Merge checklist