bug(mat-option): JAWS 2023 does not announce a checked option as selected in a multiple selection mat-select
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
The screen reader JAWS version 2023 does not announce a checked option as selected in a multiple selection mat-select. It does announce unchecked options as selected.
I tried other Windows screen readers, NVDA does not announce it either but Narrator does. So it could be a screen reader implementation issue.
Also, this issue has been discussed before: https://github.com/angular/components/issues/21949 and it was considered to be working as expected. But I want to bring this up again because I consider that the mat-option component is not following the WAI ARIA Listbox pattern completely, please see Note 1 in this section https://www.w3.org/WAI/ARIA/apg/patterns/listbox/#roles_states_properties.
> 1. Some factors to consider when choosing whether to indicate selection with aria-selected or aria-checked are:
Some design systems use aria-selected for single-select widgets and aria-checked for multi-select widgets. In the absence of factors that would make an alternative convention more appropriate, this is a recommended convention.
Mat Option uses aria-select for both single and multiple selection. Based on this recommendation, it should use aria-selected for single selection and aria-checked for multiple selection.
### Reproduction
Steps to reproduce:
1. Start JAWS in a Windows machine.
2. Go to https://material.angular.io/components/select/overview#select-multiple
3. Select the multiple selection dropdown.
4. Navigate through the options using the arrow keys.
5. Select a few options.
6. Navigate through selected and unselected options and check how the screen reader announces them.
### Expected Behavior
I expect screen readers to announce if an option is selected or unselected.
### Actual Behavior
JAWS only announces the status of an unselected option.
### Environment
- Angular: 15.2.9
- CDK/Material: 15.2.9
- Browser(s): Chrome 119.0.6045.199
- Operating System: Windows 10 Enterprise
Guida per i contributori
Apri la guida per i contributori
Valutazione
Questa issue non è ancora stata valutata.