ant-design/ant-design

Select renders an input with blank value causing screenreader accessibility concerns

Open

#52 987 ouverte le 27 févr. 2025

Voir sur GitHub
 (5 commentaires) (0 réactions) (0 assignés)TypeScript (98 031 stars) (54 612 forks)batch import
Inactivehelp wanted⌨️ Accessibility

Description

Reproduction link

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.

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

Environment Info
antd 5.24.2
React 18.2
System Mac OS Version 15.1.1 (24B91
Browser Chrome Version 133.0.6943.127

Guide contributeur

Stack technique
reacttypescriptcss
Domaine
frontendaccessibility
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
ReactTypeScriptBasic accessibility principlesant design component structure
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75
Direction de recherche
Investigate the Select component's rendering of the underlying input element. The issue points out that the value attribute is empty; it should contain the current selection label. Look for the part of the code that renders the input, likely in 'components/select' directory, and update the value attribute to reflect the selected option's label. Ensure this change maintains existing functionality such as search/filter. Consider testing with screen reader to verify improvement. No linked PRs exist yet, so this is unclaimed.