Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Dialog] narrator will automatically jump back to dialog content start when navigate to a button in dialog. #44669

Open
1 task done
Taoduhui opened this issue Dec 6, 2024 · 3 comments
Assignees
Labels
accessibility a11y component: dialog This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material

Comments

@Taoduhui
Copy link

Taoduhui commented Dec 6, 2024

Search keywords

accesibility narrator dialog button

Latest version

  • I have tested the latest version

Steps to reproduce

Steps:

  1. visit https://mui.com/material-ui/react-dialog/
  2. enable Window Narrator
  3. enable scan mode
  4. use capslock + arrow navigate to any sample open dialog button
  5. press enter
  6. use capslock + arrow navigate to button in dialog
  7. it will jump back to dialog content automatically when focus on the button

Current behavior

  1. it will jump back to dialog content automatically when focus on the button
Video.Project.1.-.Trim.mp4

Expected behavior

  1. it should keep focusing on the button but not jump to any other place.

Context

No response

Your environment

You can reproduce it in the official document website.

@Taoduhui Taoduhui added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 6, 2024
@mj12albert mj12albert changed the title [Accesibility] narrator will automatically jump back to dialog content start when navigate to a button in dialog. [Dialog] narrator will automatically jump back to dialog content start when navigate to a button in dialog. Dec 6, 2024
@mj12albert mj12albert added accessibility a11y component: dialog This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material labels Dec 6, 2024
@mj12albert
Copy link
Member

@Taoduhui Thanks for reporting this, would you mind trying the dialogs here to see if you reproduce the same issue?

(FYI we will soon adopt Base UI for use in Material UI)

@mj12albert mj12albert removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 6, 2024
@mj12albert mj12albert self-assigned this Dec 6, 2024
@Taoduhui
Copy link
Author

Taoduhui commented Dec 9, 2024

@mj12albert There is no such issue in the Base UI.
May I know if the adoption is a breaking change?

@mj12albert mj12albert added this to the Material UI with Base UI milestone Dec 9, 2024
@mj12albert
Copy link
Member

May I know if the adoption is a breaking change?

I'm afraid it's likely to be, as it will come in one of the next major versions of Material UI!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility a11y component: dialog This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material
Projects
None yet
Development

No branches or pull requests

2 participants