Calendar selecting disabled year/month (Accessibility) #14637
Labels
Component: Accessibility
Issue or pull request is related to WCAG or ARIA
Resolution: Stale
Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response
Describe the bug
We can select disabled year or month via tab key even when is disabled (Accessibility)
Environment
Angular 17
PrimeNg 17.3.3
Reproducer
https://stackblitz.com/edit/sz4dye?file=src%2Fapp%2Fdemo%2Fcalendar-reactive-forms-demo.ts
Angular version
17.0.5
PrimeNG version
17.3.3
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
18.16.1
Browser(s)
No response
Steps to reproduce the behavior
In Stackblitz link we can clearly see that if we set maxDate
-> open p-datepicker-header
-> via click we can't click on disabled years, but if we press Tab key we can focus in disabled years and then with Space key or Enter key we can select it.
-> with selected disabled year we are opening months for that year, and again as part of Accessibility if we press Tab key focus is losing outside datepicker
This clearly cannot happen
The same scenario happens also and for selecting disabled months.
Expected behavior
As we cannot click on disabled year/month, the same applies and for press Enter key or Space key over disabled.
The text was updated successfully, but these errors were encountered: