[Pagination] Accessibility issues when clicking the previous page and the next page
Open
@mnajdova is already working on this.
Since Nov 3, 2022.
scope: pagination
- 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:
Steps:
- click "next page" button or "prev page" button continuously
Current behavior 😯
When the “next page“ button was activated with Enter/Space continuously, the screen reader lack of feedback.
Expected behavior 🤔
Each time the “next page“ button was activated with Enter/Space ,the screen reader suggest to announce: ”current page x, go to next page button “
Context 🔦
No response
Your environment 🌎
npx @mui/envinfo
System:
OS: macOS 12.5.1
Binaries:
Node: 16.17.0 - ~/.nvm/versions/node/v16.17.0/bin/node
Yarn: Not Found
npm: 8.15.0 - ~/.nvm/versions/node/v16.17.0/bin/npm
Browsers:
Chrome: 107.0.5304.87
Edge: Not Found
Firefox: Not Found
Safari: 16.1
npmPackages:
@emotion/react: ^11.7.1 => 11.9.3
@emotion/styled: ^11.6.0 => 11.9.3
@mui/base: ^5.0.0-alpha.87 => 5.0.0-alpha.87
@mui/icons-material: ^5.4.1 => 5.8.4
@mui/lab: 5.0.0-alpha.92 => 5.0.0-alpha.92
@mui/material: ^5.4.0 => 5.8.6
@mui/styles: ^5.4.1 => 5.8.6
@mui/system: ^5.8.6 => 5.8.6
@mui/utils: ^5.8.6 => 5.8.6
@types/react: ^17.0.39 => 17.0.47
react: ^17.0.2 => 17.0.2
react-dom: ^17.0.2 => 17.0.2
typescript: ^4.5.4 => 4.7.4
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.