Closed
Description
What are you trying to do?
Hi,
I am using a mat-date-range-input and the client is using JAWS-E (Next Edit Box) to go from input-field to input-field.
JAWS-E however first goes to the end date and then to the start date.
Thanks&Regards,
Nelleke
What troubleshooting steps have you tried?
As I thought I was going something wrong, I had asked a question about it on stackoverflow first.
https://stackoverflow.com/questions/71321140/using-mat-date-range-input-but-the-jaws-reader-first-reads-the-end-date-with-jaw
I got a very useful comment that stated that the issue is caused by the 'aria-owns'.
As this is generated by Angular I am unable to fix this myself.
Reproduction
Steps to reproduce:
- Add a mat-date-range-input element with a mat-label in the component.
- Use JAWS-E Next Edit Box to navigate.
- JAWS will first read the end-date field instead of the start-date.
Environment
- Angular: 13.3.0
- CDK/Material:
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 10