search

epam / UUI

React-based components and accelerators library built by EPAM Systems.
https://uui.epam.com/
MIT License
160 stars 61 forks source link

[RangeDatePicker]: labeled component does not have programmatically determinable name for announcement #2376

Open mari-shakhanava opened 1 week ago

mari-shakhanava commented 1 week ago

Description

The programmatically determinable name for announcement is missing in the Labeled RangeDatePicker.

Precondition

The Screen Reader is turned ON.

Steps to Reproduce

  1. Open the Demo (Form) or create a RangeDatePicker wrapped by a LabeledInput with the htmlFor prop provided.
  2. Use the 'T' key to navigate to the RangeDatePicker.

Actual Result

form-2

The label name is ignored.

Expected Result

When the combobox is focused, the visible label should be announced by the screen reader.

The failed WCAG Checkpoint is: 4.1.2 Name, Role, Value (Level A). For more information, visit: https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html.