javascript - Web 可访问性 - 屏幕阅读器在鼠标悬停时和按 Tab 键时以不同方式读取 HTML 元素

标签 javascript html css accessibility screen-readers

屏幕阅读器在鼠标悬停在标签上和在选项卡上以不同方式读取 HTML 元素,例如按钮。当鼠标悬停时,它会显示“我的 super 按钮”。按 T​​ab 键时,它会显示“按下我的 super 按钮”。

<button aria-label="My super button">Super</button>

如何使它们与“我的 super 按钮”相同?

我正在使用 NVDA 作为 https://www.nvaccess.org/ 的屏幕阅读器

最佳答案

这是预期的行为。

对于将屏幕阅读器与鼠标结合使用的人,假设他们有一定的视力(即他们将屏幕放大镜与屏幕阅读器软件结合使用),因此不需要在开头添加额外的“按钮”因为他们已经在视觉上知道这是一个按钮。

屏幕阅读器的理念是尽可能简洁(在最短的时间内传递最多的信息),因此这种行为是可取的。

对于使用键盘的人来说,假设他们完全依赖屏幕阅读器来获取信息,因此表明您选择了一个按钮这一事实至关重要。

这确实提出了一个很好的问题,即我们是否应该对某人如何使用屏幕阅读器做出任何假设,但这是另一回事了(即,如果某人有认知障碍并使用屏幕阅读器来向他们保证他们是什么按)。

可能有一个我找不到的随机设置(我刚刚看过)允许行为相同但我找不到。

关于javascript - Web 可访问性 - 屏幕阅读器在鼠标悬停时和按 Tab 键时以不同方式读取 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58544309/

相关文章:

html - 中下屏幕上的背景图像在 img 的水平底部制作空白

html - 背景显示在其他一切之上

html - 允许背景溢出?

javascript - 使用 Javascript 的随机背景图片

javascript - 如何在传单中动态更改 worldCopyJump 值?

javascript - 为什么我的 'for' 循环函数不起作用?

javascript - SonarQube 规则 S1451 "Copyright and license headers should be defined"- JavaScript 没有正则表达式

html - knockout 点击事件仅在初始化时触发

python - Pandas 造型师。如何忽略呈现的 HTML 中的索引列

javascript - Storybook AddDecorators 不提供 redux 存储