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

时间:2019-06-21 11:01:57

标签: html accessibility

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

我在MacBook上使用Apple Voice Over作为屏幕阅读器,如果我在快捷键上使用语音,则一切正常。 我可以使用语音快捷键(Ctrl +选项+箭头键)浏览页面的所有元素。

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

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

1 个答案:

答案 0 :(得分:3)

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

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

只要不设置为屏幕阅读器可以忽略的任何内容(使用aria-hidden="true" for example), and its behaviour can't really be compared to the tab`循环,屏幕阅读器就可以使页面上的内容几乎聚焦)。

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

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

HTML 5.1 - User Interaction - Focus详细介绍了focus机制,值得一读。

请注意,aria-hiddentabindex可用于使元素可以使用键盘进行聚焦,但不能通过屏幕阅读器进行处理,或者相反。