-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Open
Labels
AccessibilityThis issue is related to accessibility (a11y)This issue is related to accessibility (a11y)P5The team acknowledges the request but does not plan to address it, it remains open for discussionThe team acknowledges the request but does not plan to address it, it remains open for discussionarea: material/datepicker
Description
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 calendarLabel property is not read by the screen reader and is not assigned in the DOM.
I also searched in the source code of the calendar component and it seems that it exists only in the documentation, and in the html or ts code it is not assigned anywhere.
Reproduction
StackBlitz link: https://stackblitz.com/edit/lhj2eb?file=src%2Fapp%2Fmy-date-picker-intl.service.ts
Steps to reproduce:
- Open stackblitz example
- Open NVDA screen reader (or other screen reader)
- Focus the datepicker icon
- Press 'enter' key to open the calendar popup
Expected Behavior
The calendarLabel property should be read by the screen reader and should exist in the DOM.
Actual Behavior
The calendarLabel property is not read by the screen reader and is not assigned in the DOM.
Environment
- Angular: v15.0.4/v15.2.9
- CDK/Material: v15.2.9
- Browser(s): doesn't matter (I tested on Microsoft Edge version 117.0.2045.60)
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 10 Enterprise v21H2
Metadata
Metadata
Assignees
Labels
AccessibilityThis issue is related to accessibility (a11y)This issue is related to accessibility (a11y)P5The team acknowledges the request but does not plan to address it, it remains open for discussionThe team acknowledges the request but does not plan to address it, it remains open for discussionarea: material/datepicker