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

[core] fix: Set aria-hidden for purely decorative icons #5158

Merged
merged 1 commit into from
Mar 7, 2022

Conversation

styu
Copy link
Contributor

@styu styu commented Mar 4, 2022

Fixes #0000

Checklist

  • Includes tests
  • Update documentation

Changes proposed in this pull request:

For icons that are purely decorative because they have associated text, add aria-hidden={true} and tabIndex={-1} to the Icon props

Reviewers should focus on:

Screenshot

@styu styu requested a review from adidahiya March 4, 2022 20:14
@blueprint-bot
Copy link

Set aria-hidden for purely decorative icons

Previews: documentation | landing | table | modern colors demo

Copy link
Contributor

@adidahiya adidahiya left a comment

Choose a reason for hiding this comment

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

nice 👍🏽

@adidahiya adidahiya changed the title Set aria-hidden for purely decorative icons [core] fix: Set aria-hidden for purely decorative icons Mar 7, 2022
@adidahiya adidahiya merged commit 1ef8fb9 into develop Mar 7, 2022
@adidahiya adidahiya deleted the syu/hide-icons branch March 7, 2022 19:29
@bvandercar-vt
Copy link
Contributor

I am pretty sure that Icons were not being tabbed to in the first place so I really don't think adding tabIndex=-1 was necessary. Doesn't hurt though, but yeah, probably unnecessary.

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.

4 participants