Package

@carbon/ibm-products

Browser

Firefox

Operating System

MacOS

Package version

v1.80.0

React version

v17.0.2

Automated testing tool and ruleset

IBM Equal Access Accessibility Checker - Latest Deployment

Assistive technology

MacOS VoiceOver

Description

Description

What did you expect to happen?

When navigating through dates in the DatePicker calendar using arrow keys, screen readers should announce complete date information including the weekday.

Expected announcement: "Monday, April 15, 2026"

What happened instead?

Screen readers only announce the month, day, and year without the weekday information.

Actual announcement: "April 15, 2026"

This creates an incomplete user experience for screen reader users who need weekday context to make informed date selections. The weekday information is visually implied by the calendar column position but is not programmatically conveyed to assistive technologies, violating WCAG 2.1 Success Criterion 1.3.1 Info and Relationships (Level A).

WCAG 2.1 Violation

Success Criterion 1.3.1 Info and Relationships (Level A)

Reproduction/example

Use the Carbon DatePicker Storybook example: https://react.carbondesignsystem.com/?path=/story/components-datepicker--default

Steps to reproduce

Steps to Reproduce

1. Open a page with Carbon DatePicker component
2. Enable screen reader (JAWS, VoiceOver, or NVDA)
3. Click on the date input field to open the calendar
4. Use arrow keys (↑ ↓ ← →) to navigate between dates in the calendar
5. Listen to screen reader announcements

Observed Result: Screen reader announces "April 15, 2026" (weekday missing)

Expected Result: Screen reader should announce "Monday, April 15, 2026"

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems