Remove button present in the Language control is not descriptive enough. #1114

Open
opened 2026-01-29 17:49:08 +00:00 by claunia · 0 comments
Owner

Originally created by @msftedad on GitHub (Feb 6, 2024).

Describe the bug
The narrator announces as 'Close button' only. As this button is not associated with their visual label.
Assistive technology users will be impacted here as they will not know that a label text is defined until they navigate in scan mode of the screen reader if the label is not associated with the control.

To Reproduce
Steps to reproduce the behavior:
1.Open URL in edge dev browser.
2.Navigate to the Dropdown multiple selection with chips section using tab key.
3.Select more then one option from Select Values dropdown list.
4.Navigate to the 'x' icon button with selected option.
5.observe whether Remove button present in the Language control is descriptive enough or not.

Expected behavior
Visual name should be associated with the 'Close' button. The narrator should announce here as 'Close Chai button'.

Screenshots
MAS1 3 1_Close button is not associated with their language control

Desktop (please complete the following information):
OS Build: Windows 11 Enterprise 22H2 (22623.1095)
Edge Browser: Version 108.0.1438.1 (Official build) dev (64-bit)
Screen Reader: Narrator

Attachment

https://github.com/radzenhq/radzen-blazor/assets/93735775/a5578796-d395-4d13-9861-ebfd549e1aff

Originally created by @msftedad on GitHub (Feb 6, 2024). **Describe the bug** The narrator announces as 'Close button' only. As this button is not associated with their visual label. Assistive technology users will be impacted here as they will not know that a label text is defined until they navigate in scan mode of the screen reader if the label is not associated with the control. **To Reproduce** Steps to reproduce the behavior: 1.Open [URL](https://blazor.radzen.com/dropdown-multiple) in edge dev browser. 2.Navigate to the Dropdown multiple selection with chips section using tab key. 3.Select more then one option from Select Values dropdown list. 4.Navigate to the 'x' icon button with selected option. 5.observe whether Remove button present in the Language control is descriptive enough or not. **Expected behavior** Visual name should be associated with the 'Close' button. The narrator should announce here as 'Close Chai button'. **Screenshots** ![MAS1 3 1_Close button is not associated with their language control](https://github.com/radzenhq/radzen-blazor/assets/93735775/6ec5f2a9-b6d5-4b9c-9ebc-2d3421af0af6) **Desktop (please complete the following information):** OS Build: Windows 11 Enterprise 22H2 (22623.1095) Edge Browser: Version 108.0.1438.1 (Official build) dev (64-bit) Screen Reader: Narrator **Attachment** https://github.com/radzenhq/radzen-blazor/assets/93735775/a5578796-d395-4d13-9861-ebfd549e1aff
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1114