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

Icon fonts not hidden to screen readers #93

Closed
anevins12 opened this issue Dec 1, 2021 · 3 comments
Closed

Icon fonts not hidden to screen readers #93

anevins12 opened this issue Dec 1, 2021 · 3 comments
Assignees
Labels
bug Issue identified by VS Code Team member as probable bug
Milestone

Comments

@anevins12
Copy link

Describe the bug
The demonstration code samples do not hide icons from screen readers.

To Reproduce
Steps to reproduce the behavior:

  1. Go to the demo.
  2. Inspect the element containing the pseudo attribute.
  3. Identify that the font icon is exposed in the accessibility tree, for instance, in Chrome as "StaticText "".

Expected behavior
The icon should be hidden from the accessibility tree so that it is not announced by screen readers. This can be achieved by adding aria-hidden="true" to the containing element.

@anevins12 anevins12 added the bug Issue identified by VS Code Team member as probable bug label Dec 1, 2021
@miguelsolorio
Copy link
Contributor

The demo is a sample of how to use the icons in an HTML page, it's not intended to be used in production.

@anevins12
Copy link
Author

I don't understand. The document is live and in production right now, as it's a Github web page. A Github web page is not exempt from screen reader support or accessibility support.

@miguelsolorio
Copy link
Contributor

That's a fair point, this page isn't used in any of our vscode products and was meant to only be used as a demo. I'll work on adding the appropriate aria labels.

@miguelsolorio miguelsolorio added this to the January 2022 milestone Jan 25, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Issue identified by VS Code Team member as probable bug
Projects
None yet
Development

No branches or pull requests

2 participants