重复问题
- 我已搜索现有的问题
最新版本
- 我已测试了最新版本
重现问题的步骤 🕹
链接到实时示例：
https://codesandbox.io/p/sandbox/hardcore-snow-fw2kyg?file=%2Fsrc%2FDemo.tsx%3A13%2C17
步骤：
- 导航到上面的链接并启用任何屏幕阅读器(例如NVDA)
- 使用Tab键聚焦自动完成
- 它读取可编辑的组合框等，但它不读取列表中已选择的项目。相反，它读取空白
当前行为 😯
- 屏幕阅读器读取空白,而不是读取AutoComplete上已选择的项目
预期行为 🤔
- 屏幕阅读器应该在初始聚焦于AutoComplete时读取AutoComplete上已选择的项目
上下文 🔦
这基本上阻止了视觉上有障碍的用户使用自动完成，因为他们无法弄清楚自动完成上已选择哪些选项
你的环境 🌎
npx @mui/envinfo
浏览器：Chrome@119
系统：
操作系统：Windows 11 10.0.22631
二进制文件：
Node: 18.16.1 - C:\Program Files\nodejs\node.EXE
Yarn: 未找到
npm: 9.5.1 - C:\Program Files\nodejs\npm.CMD
浏览器：
Chrome: 未找到
Edge: Chromium (119.0.2151.72)
npmPackages:
@emotion/react: ^11.4.1 => 11.10.6
@emotion/styled: ^11.3.0 => 11.10.6
@mui/base: 5.0.0-beta.8
@mui/icons-material: ^5.8.4 => 5.11.11
@mui/lab: 5.0.0-alpha.137
@mui/material: 5.4.1 => 5.4.1
@mui/private-theming: 5.13.7
@mui/styled-engine: 5.13.2
@mui/styles: 5.4.1 => 5.4.1
@mui/system: 5.14.1
@mui/types: 7.2.4
@mui/utils: 5.14.1
@mui/x-date-pickers: ^5.0.0-beta.3 => 5.0.20
@mui/x-date-pickers-pro: ^5.0.0-beta.3 => 5.0.20
@mui/x-license-pro: 5.17.12
@types/react: 17.0.53
react: ^17.0.1 => 17.0.2
react-dom: ^17.0.1 => 17.0.2
typescript: 4.4.3 => 4.4.3
4条答案
按热度按时间tjjdgumg1#
嘿，@repl-shenoy-sukumaran,谢谢你的报告！我同意你的观点，我们缺乏一种方便阅读选定项目的方法；目前还不清楚我们如何实现这一点。请问你能提供一些基准吗？我只想到了Gmail的撰写邮件对话框中的"To:"字段，但那个也并不读取现有的选定项目。
envsm3lx2#
你好@DiegoAndai,感谢你的回复。
Movie List Combox has collapsed editable Favorites blank而不是空白将会很棒。zxlwwiss3#
同时，当我们能够使用左右箭头聚焦选定的项目时，我们可以认为它是可访问的。
xfyts7mz4#
已添加on hold标签，因为目前我们没有明确的改进路径。