Skip to content

feat: Improve IconButton accessibility and ARIA labels#22746

Open
paulGeoghegan wants to merge 1 commit into
Nexus-Mods:masterfrom
paulGeoghegan:master
Open

feat: Improve IconButton accessibility and ARIA labels#22746
paulGeoghegan wants to merge 1 commit into
Nexus-Mods:masterfrom
paulGeoghegan:master

Conversation

@paulGeoghegan
Copy link
Copy Markdown

fixes #22739
Require and propagate accessible names for IconButton and add ARIA attributes across header components. IconButton now accepts an "aria-label" prop, composes a final aria-label that includes the item count (if present), and hides the visual count badge from screen readers (aria-hidden). Updated appearanceMap typing/formatting and component return to use the composed aria-label. Also added aria-label/aria-expanded attributes to Help, Notifications and menu toggle buttons and made minor JSX/import formatting tweaks to improve clarity and accessibility.

@paulGeoghegan paulGeoghegan requested a review from a team as a code owner April 24, 2026 21:54
@Sewer56
Copy link
Copy Markdown
Member

Sewer56 commented Apr 24, 2026

I will forward this internally so it doesn't get lost Next Monday.

@paulGeoghegan
Copy link
Copy Markdown
Author

paulGeoghegan commented Apr 24, 2026 via email

@erri120
Copy link
Copy Markdown
Member

erri120 commented Apr 25, 2026

The PR has a lot of unrelated changes that undo previous work. I recommend rebasing on current master and only committing related changes.

@github-actions
Copy link
Copy Markdown

This PR doesn't have conflicts anymore. It can be merged after all status checks have passed and it has been reviewed.

@paulGeoghegan
Copy link
Copy Markdown
Author

paulGeoghegan commented Apr 25, 2026 via email

Require and surface accessible names for header buttons and badges. IconButton now accepts a mandatory aria-label, appends item count into the accessible name, and marks the visual count badge aria-hidden. Added aria-labels to Help and Notifications popover buttons, and added aria-expanded/aria-label to the menu toggle in Header.
@paulGeoghegan
Copy link
Copy Markdown
Author

@erri120 let me know if this is okay now. I can't build anymore but hopefully the changes are okay.

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 3, 2026

This PR has been marked as stale due to inactivity.

@paulGeoghegan
Copy link
Copy Markdown
Author

paulGeoghegan commented May 3, 2026 via email

@github-actions github-actions Bot removed the PR: stale label May 4, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 6, 2026

This PR has conflicts. You need to rebase the PR before it can be merged.

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.

A11Y: all icon buttons need a label

3 participants