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-date-range-input): JAWS-E goes to the end-date field first #24690

Closed
mcbashie opened this issue Mar 29, 2022 · 4 comments
Closed

bug(mat-date-range-input): JAWS-E goes to the end-date field first #24690

mcbashie opened this issue Mar 29, 2022 · 4 comments
Labels
Accessibility This issue is related to accessibility (a11y) area: material/datepicker P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@mcbashie
Copy link

mcbashie commented Mar 29, 2022

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:

  1. Add a mat-date-range-input element with a mat-label in the component.
  2. Use JAWS-E Next Edit Box to navigate.
  3. 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
@mcbashie mcbashie added needs triage This issue needs to be triaged by the team troubleshooting This issue is not reporting an issue, but just asking for help labels Mar 29, 2022
@mcbashie mcbashie changed the title mat-date-range-input: JAWS-E goes to the end-date field first bug(mat-date-range-input): JAWS-E goes to the end-date field first Mar 29, 2022
@zarend zarend added Accessibility This issue is related to accessibility (a11y) area: material/datepicker and removed needs triage This issue needs to be triaged by the team labels Mar 30, 2022
@zarend zarend added this to Not started in Datepicker Accessibility via automation Mar 30, 2022
@zarend zarend moved this from Not started to only affects comparison, range-selection, or restricted-dates use cases in Datepicker Accessibility Mar 30, 2022
@mcbashie
Copy link
Author

I added 'with a mat-label' in step 1 of the reproduction.

@zarend zarend moved this from only affects comparison, range-selection, or restricted-dates use cases to Not started in Datepicker Accessibility May 18, 2022
@zarend zarend moved this from Not started to only affects date ranges and comparison ranges in Datepicker Accessibility May 18, 2022
@zarend zarend moved this from only affects comparison ranges to Not started in Datepicker Accessibility May 18, 2022
@zarend
Copy link
Contributor

zarend commented Jun 1, 2022

confirming that I can reproduce on the Date range input forms integration
example.

Windows 10 Enterprise 20H2 | Chrome Version 101.0.4951.67 (Official Build) (64-bit) | JAWS version 2021.2103.174 ILM

@zarend zarend removed the troubleshooting This issue is not reporting an issue, but just asking for help label Jun 1, 2022
@jelbourn jelbourn added the P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent label Jun 28, 2022
@zarend
Copy link
Contributor

zarend commented Sep 15, 2022

This issue was fixed by #25457 🎉

@zarend zarend closed this as completed Sep 15, 2022
Datepicker Accessibility automation moved this from Not started to Done Sep 15, 2022
@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 Oct 16, 2022
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) area: material/datepicker P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Development

No branches or pull requests

3 participants