Web 辅助功能 - 屏幕阅读器在鼠标 hover 和标签上以不同方式读取 HTML 元素

Question

屏幕阅读器在鼠标悬停和选项卡上读取 HTML 元素就像按钮一样。 当鼠标悬停时，它会显示“我的超级按钮”。 在切换时，它显示“按钮我的超级按钮”。

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

如何使它们与“我的超级按钮”相同？

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

Answer 1

这是预期的行为。

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

屏幕阅读器的想法是尽可能简洁（在最短的时间内获得最多的信息），因此这种行为是可取的。

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

它确实提出了一个很好的问题，即我们是否应该假设某人如何使用屏幕阅读器，但这是另一回事（即，如果某人有认知障碍并使用屏幕阅读器向他们保证他们正在按下的内容怎么办）。

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