Select renders an input with blank value causing screenreader accessibility concerns

#52987

Issue Details

5 months ago
No assignee
help wantedInactive⌨️ Accessibility
shivaraja-tteshivaraja-tte
opened 5 months ago
Author

Edit on CodeSandbox

Steps to reproduce

inspect value attribute of input element render by Select component

What is expected?

value attribute should have currently selected item label as its value

What is actually happening?

value attribute of input is blank input element rendered by Select component has empty value attribute causing screen reader accessibility issue.

Image

Screenshot showing how screenreader reads the select box: Screenreader should also read currently selected value when select box is in focus.

Image
EnvironmentInfo
antd5.24.2
React18.2
SystemMac OS Version 15.1.1 (24B91
BrowserChrome Version 133.0.6943.127