ElemeFE / ElemeFE/element

[Bug Report] Screen reader is not announcing name and position of list items.

Open
#22,974 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.15.14

### OS/Browsers version
OS: Windows 11 Version 24H2 (OS Build 26120.1542) Browser: Microsoft New Edge (Version 128.0.2739.42) (Official build) (64-bit)

### Vue version
2.7.16

### Reproduction Link
https://codepen.io/PoovizhiV/pen/yLmyZzw

### Steps to reproduce
Open the URL: https://codepen.io/PoovizhiV/pen/yLmyZzw in New Edge /Chrome browsers.
'ElementUI' page gets displayed.
Navigate to any dropdown using tab key and expand it using Enter key.
Verify whether the Screen reader is announcing name and position of list item in detail or not.

### What is Expected?
Here, after expanding the combo box, screen reader focus should move on the list teams and also it should read name and position of list items as option 1 of 4.

### What is actually happening?
Screen reader is not narrating name and position of list items when navigated using arrow keys because here focus is not going on list items present under the dropdown. Screen reader announces as blank.
Screen reader is not announcing name and position of list items

https://github.com/user-attachments/assets/db702d55-8224-4ce2-91a3-307837b06534

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the linked CodePen reproduction and inspect the dropdown behavior when expanded and navigated with arrow keys. Confirm whether focus reaches each list item and whether its name and position are announced; the issue is done when the expected option information is conveyed by the screen reader.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.