Skip to content

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

Closed
@mcbashie

Description

@mcbashie

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    AccessibilityThis issue is related to accessibility (a11y)P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/datepicker

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions