-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Open
@RiinaKuu
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
mat-datepicker-input
input element uses aria-haspopup="dialog"
but input element itself does not trigger any popup. The calendar dialog popup can be triggered only from the mat-datepicker-toggle
button, which correctly has the aria-haspopup
attribute.
This violates WCAG Success Criterion 4.1.2: Name, Role, Value (Level A).
Reproduction
Example link: https://material.angular.dev/components/datepicker/overview
Steps to reproduce:
- Go to the Angular Material link above (I used Chrome)
- Start the screen reader (I used VoiceOver on MacOS)
- Navigate to the first Basic Datepicker example and its input field
- Notice that it is informing that the input has dialog pop up
Expected Behavior
The input field should not have screen reader information about popup, since it is not triggering anything.
Actual Behavior
ImageEnvironment
- Angular:
- CDK/Material: 20.2.1
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS