Skip to content
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

🔇 a11y: Silence Unnecessary Icons for Screen Readers #5726

Merged
merged 3 commits into from
Feb 9, 2025

Conversation

kangabell
Copy link
Collaborator

@kangabell kangabell commented Feb 7, 2025

Closes #5723
Closes #5724

Summary

Added aria-hidden="true" to various icons throughout the app that had no accessible name and were adding unnecessary cognitive load for screen readers. Just a little cleanup, not comprehensive.

I avoided icons that change state or otherwise indicate something meaningful, which we may want to circle back on and provide intentional alt text or aria labels for those.

There were several icons that were implemented in a more complex way that I could not resolve – may create a new issue for those in the future. (And there are likely others I simply missed.)

Other Changes

Adds more detailed instructions for bug reporting

Change Type

  • Bug fix (non-breaking change which fixes an issue)

Testing

Test Configuration:

  • Browser: Chrome
  • Screen Readers: VoiceOver on macOS
  • Operating System: macOS Sequoia

Checklist

Please delete any irrelevant options.

  • My code adheres to this project's style guidelines
  • I have performed a self-review of my own code
  • My changes do not introduce new warnings

@kangabell kangabell force-pushed the a11y/silence-icons branch 2 times, most recently from 63eefe8 to 742cf7c Compare February 7, 2025 22:09
@rubentalstra rubentalstra added the ♿ a11y Accessibility label Feb 7, 2025
@rubentalstra rubentalstra marked this pull request as draft February 7, 2025 22:13
@kangabell kangabell changed the title WIP: a11y: Silence Unnecessary Icons for Screen Readers a11y: Silence Unnecessary Icons for Screen Readers Feb 7, 2025
@kangabell kangabell marked this pull request as ready for review February 7, 2025 22:16
@danny-avila danny-avila changed the title a11y: Silence Unnecessary Icons for Screen Readers 🔇 a11y: Silence Unnecessary Icons for Screen Readers Feb 8, 2025
@danny-avila danny-avila merged commit 2e8d969 into main Feb 9, 2025
2 checks passed
@danny-avila danny-avila deleted the a11y/silence-icons branch February 9, 2025 15:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
♿ a11y Accessibility
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Icons unnecessarily read by screen reader Temporary Chat: Dotted outline message icon read by screen reader
3 participants