Skip to content

Conversation

@Adi-ty
Copy link
Contributor

@Adi-ty Adi-ty commented Sep 20, 2025

What?

Closes #71781

The accordion toggle icon ("+") was being announced by screen readers, when users navigate with assistive technology.

Why?

When users navigate through accordion headers using assistive technology, the "+" character was being announced along with the accordion title, creating unnecessary noise and a poor user experience.

How?

Added aria-hidden="true" attribute to all accordion toggle icon spans in both the edit and save functions. This attribute tells screen readers and other assistive technology to ignore the decorative "+" character.

@github-actions
Copy link

github-actions bot commented Sep 20, 2025

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: Adi-ty <[email protected]>
Co-authored-by: t-hamano <[email protected]>
Co-authored-by: joedolson <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@Mamaduka Mamaduka added [Type] Bug An existing feature does not function as intended [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Block] Accordion Affects the Accordion Block labels Sep 20, 2025
Copy link
Contributor

@t-hamano t-hamano left a comment

Choose a reason for hiding this comment

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

LGTM 👍

@t-hamano t-hamano added the props-bot Manually triggers Props Bot to ensure the list of props is up to date. label Sep 20, 2025
@github-actions github-actions bot removed the props-bot Manually triggers Props Bot to ensure the list of props is up to date. label Sep 20, 2025
@t-hamano t-hamano merged commit cea471d into WordPress:trunk Sep 20, 2025
79 of 81 checks passed
@github-actions github-actions bot added this to the Gutenberg 21.8 milestone Sep 20, 2025
adamsilverstein pushed a commit to adamsilverstein/gutenberg that referenced this pull request Sep 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Block] Accordion Affects the Accordion Block [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Type] Bug An existing feature does not function as intended

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Accordion Block: Mark icon as aria-hidden.

3 participants