primefaces / primefaces/primereact
Screen reader does not announce month and year information for the selected date button in Calendar on Windows.
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Test Environment:
OS: Windows 11 25H2 (OS Build 26200.8039)
Browser: Edge (Version 146.0.3856.84), Chrome (Version 146.0.7680.165)
Screen Readers: NVDA (2025.3.3), JAWS (2026.2603.86), Narrator
URL: https://www.primefaces.org/primereact-v8/calendar/
User Impact:
Screen reader users are impacted as the selected date button does not announce the month information. This makes it difficult to understand the correct context of the selected date while navigating the calendar.
Actual result:
Screen reader does not announce month and year information for the selected date button in Calendar on Windows.
Screen reader announces as: Table with 6 rows 8 columns rows row 5 Fr column 7 clickable 27
Refer Attachment:
- Screen reader does not announce month and year information for the selected date button in Calendar on Windows.png
- Screen reader does not announce month and year information for the selected date button in Calendar on Windows.mp4
https://github.com/user-attachments/assets/25e122cf-505b-4fa9-9e36-e67478df951c
Reproducer
https://www.primefaces.org/primereact-v8/calendar/
System Information
Node: 20.10.0
npm: 10.2.3
React: 18.3.1
Prime React: 10.9.7
Steps to reproduce the behavior
Pre-Requisite:
- Turn on Screen Readers:
NVDA: Ctrl + Alt + N
JAWS: Ctrl + Alt + J
Narrator: Ctrl + win + Enter - Verbosity:
NVDA: Default
JAWS: Beginner, Highest
Narrator: Default
Repro Steps:
- Open the URL: https://www.primefaces.org/primereact-v8/calendar/ in edge/chrome browser.
- Prime react Calendar page will open.
- Press tab key to navigate to the Inline calendar controls.
- Press tab key to reach to the selected date control.
- Verify whether screen reader announces month and year information for the selected date button in Calendar or not.
Expected behavior
Screen reader should announce month and year information for the selected date button in Calendar on Windows.
Screen reader should announce: March 2026 Table with 6 rows 8 columns rows row 5 Fr column 7 clickable 27
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Calendar entry point at https://www.primefaces.org/primereact-v8/calendar/ and locate the implementation for the selected date button. Inspect its accessible announcement and compare it with the expected month-and-year wording in the issue. Done means the selected date includes the month and year when announced by NVDA, JAWS, and Narrator on Windows.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 65/100