Duplicate IDs cause screen reader to not read associated input

Created on 2 April 2025, 5 days ago

Problem/Motivation

Having multiple elements with the same ID causes issues for screen readers.
When a label has a for attribute associated with the date picker.

Steps to reproduce

1. Use a screen reader to read the date picker.
2. The screen reader will not read the text the label is associated with since multiple IDs exist.

Proposed resolution

Use a different ID for the duet-date-picker element and the input element.

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

🇨🇦Canada sstapleton

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024