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

bug - Mat-chip-list - has incorrect aria role when empty #7564

Closed
chrisbubernak opened this issue Oct 5, 2017 · 2 comments · Fixed by #7664
Closed

bug - Mat-chip-list - has incorrect aria role when empty #7564

chrisbubernak opened this issue Oct 5, 2017 · 2 comments · Fixed by #7664
Assignees
Labels
Accessibility This issue is related to accessibility (a11y) G This is is related to a Google internal issue P2 The issue is important to a large percentage of users, with a workaround

Comments

@chrisbubernak
Copy link
Contributor

Bug, feature request, or proposal:

Bug: elements with "listbox" role require children "option" role but an empty mat-chip-list is still a "listbox".

What is the expected behavior?

Not sure what the best solution is but my guess would be that mat-chip-list should have a different role when it has no children. Normally the mat-chip-list should have chips but there could be situations where the mat-chip-list starts empty and has chips dynamically added.

What is the current behavior?

Currently mat-chip-list's role is always "listbox".

What are the steps to reproduce?

Providing a StackBlitz/Plunker (or similar) is the best way to get the team to see your issue.

Plunker starter (using on @master): https://goo.gl/DlHd6U

StackBlitz starter (using latest npm release): https://goo.gl/wwnhMV

What is the use-case or motivation for changing an existing behavior?

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

Is there anything else we should know?

@naomiblack
Copy link
Contributor

This is one of the issues turned up in our aXe testing.

@mmalerba mmalerba added Accessibility This issue is related to accessibility (a11y) G This is is related to a Google internal issue P2 The issue is important to a large percentage of users, with a workaround and removed P2 The issue is important to a large percentage of users, with a workaround labels Oct 5, 2017
@mmalerba mmalerba added the has pr label Oct 9, 2017
@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 7, 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) G This is is related to a Google internal issue P2 The issue is important to a large percentage of users, with a workaround
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants