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

Icons in the toolbar example are missing alternative text #15041

Closed
mfairchild365 opened this issue Jan 31, 2019 · 1 comment · Fixed by #15128
Closed

Icons in the toolbar example are missing alternative text #15041

mfairchild365 opened this issue Jan 31, 2019 · 1 comment · Fixed by #15128
Labels
Accessibility This issue is related to accessibility (a11y) docs This issue is related to documentation help wanted The team would appreciate a PR from the community to address this issue P4 A relatively minor issue that is not relevant to core functions

Comments

@mfairchild365
Copy link

What is the expected behavior?

The purpose fo the icons in the toolbar example must be conveyed to users of screen reader software.

What is the current behavior?

The purpose fo the icons in the toolbar example is not conveyed to users of screen reader software.

What are the steps to reproduce?

  1. Using either of the following screen readers
    • NVDA 2018.4.1 + Firefox 64
    • VoiceOver for IOS (12.1.3) + Safari
  2. Open the toolbar example
  3. Navigate to one of the icons in the toolbar example.
    • In NVDA you can press the down arrow key until you reach an icon
    • In VoiceOver for iOS you can swipe right until you reach an icon
  4. Observe that the icons cannot be reached

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

The example should demonstrate the use of accessible icons. If the icons are also meant to be actionable, they should be marked up as buttons.

@jelbourn jelbourn added Accessibility This issue is related to accessibility (a11y) docs This issue is related to documentation P4 A relatively minor issue that is not relevant to core functions help wanted The team would appreciate a PR from the community to address this issue labels Feb 6, 2019
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Accessibility This issue is related to accessibility (a11y) docs This issue is related to documentation help wanted The team would appreciate a PR from the community to address this issue P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants