将 tabindex 添加到所有 DIV

Question

我知道 DIV 和 P 元素本质上不是可聚焦的，可以通过添加 tabindex 属性使其成为一个。我正在尝试制作一个屏幕阅读器友好的网站，并且想知道是否有必要在我网站上的每个 DIV 和 P 上都有 tabindex，以便像 JAWS、NVDA 和 Chrome Vox 这样的屏幕阅读软件可以阅读其内容。

现在使用 Chrome Vox，它不会读取段落内容，除非我有一个“tabindex = 0”作为属性。我是否错误地测试了它？使用屏幕阅读软件的人是否使用其他方式阅读页面内容，然后按 Tab 键将焦点从元素转移到元素？

Answer 1

只有您希望人们与之交互（例如单击或键入）的控件才应该是可聚焦的。

你不应该仅仅为了让它们被阅读而让它们成为焦点（而且我测试过的屏幕阅读器（不包括 Vox）不需要它）。

使它们成为焦点会使人们更难使用该站点，因为他们必须通过更多的元素来获得他们想要与之交互的元素。

来自 Chrome Vox 文档：

要浏览屏幕上的文本，您可以使用 ChromeVox 修饰键。在 ChromeBook 上，ChromeVox 键是 Shift 和 Search，在 Mac OS X 上，ChromeVox 键是 Control 和 Command，而在其他平台（例如 Windows）上，ChromeVox 键是 Control 和 Alt。要浏览页面，请按向上和向下箭头键旁边的 ChromeVox 键以浏览页面。