Closed
Description
Reproduction
- Use NVDA 2020 and Chrome 81
- Navigate to https://angular-kjejjn-2lxw6j.stackblitz.io
- Tab to the second example "two labels"
- Observe that the output is "clickable Check me! hello Check me! hello check box not checked"
- Inspect the rendered DOM and observe that
aria-labelledby
is on both the<mat-checkbox>
and<input type="checkbox>
.
Expected Behavior
- NVDA should only announce the labels once, and should not announce "clickable". For example "Check me! hello check box not checked".
- This is occurring because of the duplicated attribute on the container. The
aria-labelledby
attribute should not exist on the containing<mat-checkbox>
Actual Behavior
Very verbose output in NVDA.
Environment
- Angular: 9.2.4
- CDK/Material: 9.2.4
- Browser(s): Chrome 81
- Operating System (e.g. Windows, macOS, Ubuntu): Windows, with NVDA 2020.1