Calendar: When focused on the Choose Month
and Choose Year
buttons with a screen-reader, it should also read the selected value [Accessibility]
#15849
Labels
Status: Needs Triage
Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Describe the bug
When focused on the
Choose Month
andChoose Year
buttons with a screen-reader, it should also read the selected value.When navigating to the buttons, it is narrated that it is a button and what the action of the button does, but it doesn't read the selected value, which is evident for sighted users but not for screen-reader users.
The reason is the
aria-label
attribute on the buttons does not include the selected value.Environment
Requires a screen-reader tool installed (tested witn NVDA v2024.1.0.31547)
Can be replicated with the basic example from the PrimeNg site:
https://primeng.org/calendar#basic
Reproducer
https://stackblitz.com/edit/github-gw86kd?file=src%2Fapp%2Fapp.component.html
Angular version
17.3.11
PrimeNG version
17.18.1
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
20.11.1
Browser(s)
Chrome 125.0.6422.142
Steps to reproduce the behavior
Expected behavior
When focused on the Choose Month button it should read something like:
Choose Month button selected June
.When focused on the Choose Year button it should read something like:
Choose Year button selected 2024
.The text was updated successfully, but these errors were encountered: