MatSelect accessibility rework
See original GitHub issueThis issue tracks rework of the MatSelect component to resolve multiple accessibility issues. Based on this prototype (just the a11y behavior and API, not the visuals)
Summary:
- New template-based syntax for options driven by data instead of ngFor (the existing syntax will remain for backwards compatibility for at least two major versions)
- Option text will always be in the DOM, but not the option templates
- Interaction changes from
listbox
tocombobox
This should capture issues reported in #5220, #10292, #6382, #3587, #1670
Issue Analytics
- State:
- Created 5 years ago
- Reactions:19
- Comments:43 (19 by maintainers)
Top Results From Across the Web
mat-select dropdown multiselect screen reader(NVDA) and ...
Angular Material Mat-Select dropdown with multi select along with search textbox on downarrow and uparrow key press NVDA is not reading the ...
Read more >Migrating to MDC-based Components - Angular Material
The refactored components offer several benefits over the old implementations, including: Improved accessibility; Better adherence to the Material Design spec ...
Read more >Improved Accessibility of Selects - Sahosoft Tutorials
<mat-select> is a form control for selecting a value from a set of options, similar to the native <select> element. You can read...
Read more >@angular/material | Yarn - Package Manager
Designing and Implementing a CDK combobox component; Continuing to focus on improving the accessibility of Angular Material components. About the team. The ...
Read more >Apple previews innovative accessibility features
Apple today previewed innovative software features that introduce new ways for users with disabilities to get the most out of Apple ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@crisbeto has been looking into it. The initial attempt at fixing this broke a huge number of unit tests inside Google, so we’re trying another approach that will be more opt-in.
We’re now planning to address the issues as part of integrating the MDC Web components into Angular Material. The earlier attempts at fixing this were all just too much of a breaking change, such that it was impossible to roll out to applications in Google already using
MatSelect
.