element-hq / element-hq/element-call

[a11y] Some hidden UI element are still visible to the screen reader

Open
#3,384 0 comments 0 reactions 0 assignees View on GitHub
T-Defect
Dominant language
TypeScript
Stars
996
Forks
213
Avg merge
1d 8h
Merged PRs (30d)
55

Description

### Steps to reproduce

1. On an Android device enable the screen reader
2. Run Element X Android (there is maybe the same problem on iOS, I did not check)
3. Start a Call
4. Navigate using the accessibility gesture through the screen

### Outcome

#### What did you expect?

Invisible element are not focusable by the screen reader

#### What happened instead?

hidden element can be focused by the screen reader.

Image

Image

Image

And others:
"Spotlight"

Image

"Grid"

Image

6. Additionally a label is missing for the mute icon

Image

7. And when opening the settings, the focus does not change and user can still navigate on the item below:

Image

### Operating system

Android (and maybe iOS and web)

### Browser information

_No response_

### URL for webapp

_No response_

### Will you send logs?

No

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.