mui / mui/material-ui

[dialog] Screen reader is not narrating role

Open
#36,471 5 comments 0 reactions 1 assignee View on GitHub

Nobody has claimed this yet.

accessibility ready to take scope: dialog type: bug waiting for 👍
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

Duplicates
  • I have searched the existing issues
Latest version
  • I have tested the latest version
Steps to reproduce 🕹

Link to live example: nice-agnesi-s3wxpw - CodeSandbox

Steps:
1.Open URL: nice-agnesi-s3wxpw - CodeSandbox
2.Focus lands on the code editor as soon as page gets opened
3.Press Ctrl+f6 key from keyboard then press 1 tab, then again press CTRL+M from keyboard and then press 1 tab to move focus out of editor pane.
4.Press 6 tabs to Navigate to Open dialog control.
5.Now turn on Screen reader, invoke the Open dialog control, and capture the screen reader narration.
6.Verify whether screen reader is announcing the role of the displayed dialog or not.

Current behavior 😯

Once the model title dialog is displayed screen reader is not announcing role information of dialog.

Observation: once user invoked the open dialog control screen reader is announcing as 'Model title close'

Expected behavior 🤔

Once the model tittle dialog is displayed screen reader should announce role information of dialog.

Observation: Once user invoked the open dialog control screen reader should announce as 'Model title dialog displayed' and next focus should land on 'close button'

Context 🔦

Users who rely on screen readers are confused if Screen readers are not narrating role of dialog Once the dialog is displayed.
User will be unaware of the content if screen reader does not announce all relevant information of dialogs.
Issue-202164

https://user-images.githubusercontent.com/93735775/223999060-2b6c2ff8-853f-4905-aec8-aeaadaf53f82.mp4

Your environment 🌎
Test Environment:

OS Version: Windows 22H2 (OS Build 22621.1265)
Browser: Chrome Version Version 110.0.5481.178 (Official Build) (64-bit)
Screen Reader: JAWS 2023.2212.23 ILM, NVDA 2022.3.2 and Narrator
#URL: nice-agnesi-s3wxpw - CodeSandbox

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.