辅助功能 - Tab 键与屏幕阅读器不匹配

Question

我正在尝试测试网页的可访问性。

我在 MacBook 上使用 Apple Voice Over 作为屏幕阅读器，如果我使用 Voice Over 按键快捷键，一切都会正常工作。我可以使用语音快捷键（Ctrl + 选项 + 箭头键）来浏览页面的所有元素。

但是，如果我关闭语音并尝试仅使用 Tab 键导航网页，则它无法正常工作。选项卡仅考虑标题、链接和按钮等元素，但忽略普通文本。

这是正常的吗？这是可以接受的吗？

Answer 1

这是完全正常的，而且实际上是预期的行为。

这也是可以接受的，因为焦点旨在让用户与 DOM 中的某些元素进行交互。只有交互元素才是焦点，其余元素将在焦点循环中被忽略。

屏幕阅读器允许聚焦页面上的几乎任何内容，只要它没有设置为被屏幕阅读器忽略（aria-hidden="true"例如使用），并且它的行为不能真正与tab循环进行比较。

tab在网页上使用仅允许循环浏览被认为是交互式（即可聚焦）的元素。

文本元素（例如跨度、段落，甚至标题）不被视为可聚焦，除非明确配置为可聚焦。例如，指定tabindex属性是使元素可聚焦的一种直接方法。

HTML 5.1 - User Interaction - Focusfocus深入描述了该机制，值得一读。

请注意，aria-hidden和tabindex可用于使元素可以使用键盘聚焦但不被屏幕阅读器处理，或者相反。