辅助功能-制表符与屏幕阅读器不匹配

Question

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

我将Apple Voice Over用作MacBook上的屏幕阅读器，如果我在主要快捷方式上使用Voice，则一切正常。 我可以使用语音快捷键（Ctrl + Option +箭头键）浏览页面的所有元素。

但是，如果我关闭声音并尝试仅使用Tab键浏览网页，它将无法正常工作。 制表仅考虑诸如标题，链接和按钮之类的元素，但忽略普通文本。

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

Answer 1

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

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

屏幕阅读器允许将几乎所有内容集中在页面上，只要它不会被屏幕阅读器设置为忽略（ aria-hidden="true" for example), and its behaviour can't really be compared to the使用aria-hidden="true" for example), and its behaviour can't really be compared to the tab`周期。

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

文本元素（例如span，段落和甚至标头）不被认为是可聚焦的，除非将它们明确配置为可聚焦。 例如，指定tabindex属性是使元素可聚焦的一种直接方法。

HTML 5.1-用户交互-焦点深入介绍了focus机制，值得一读。

请注意， aria-hidden和tabindex可用于使元素可以使用键盘进行聚焦，但不能通过屏幕阅读器进行处理，反之亦然。