我知道 DIV 和 P 元素本质上不是可聚焦的，可以通过添加 tabindex 属性使其成为一体。我正在尝试创建一个对屏幕阅读器友好的网站，并且想知道是否有必要在我的网站上的每个 DIV 和 P 上都有 tabindex，以便 JAWS、NVDA 和 Chrome Vox 等屏幕阅读软件可以读取其内容。
现在使用 Chrome Vox，除非我将“tabindex = 0”作为属性，否则它不会读取段落内容。我测试不正确吗？使用屏幕阅读软件的人是否会使用其他方式阅读页面内容，然后点击 Tab 将焦点从一个元素转移到另一个元素？
【问题讨论】：
标签： html accessibility jaws-screen-reader accessible
只有您希望人们与之交互的控件（例如单击或键入）才应该是可聚焦的。
您不应该仅仅为了让它们被阅读而使它们具有焦点（而且我测试过的任何屏幕阅读器（不包括 Vox）都需要它）。
使它们具有焦点将使人们更难使用该网站，因为他们必须通过更多元素来获得他们想要与之交互的元素。
来自 Chrome Vox 文档：
要浏览屏幕上的文本，您可以使用 ChromeVox 修饰键。在 ChromeBook 上，ChromeVox 键是 Shift 和 Search，在 Mac OS X 上，ChromeVox 键是 Control 和 Command，而在 Windows 等其他平台上，ChromeVox 键是 Control 和 Alt。要在页面中移动，请按向上和向下箭头键旁边的 ChromeVox 键来浏览页面。
【讨论】：
您只需在作为锚链接目标的div 标签上放置一个 tabindex="-1"
<a href="#targetanchor">Go to anchor</a>
[...]
<div id="targetanchor" tabindex="-1">
使用 Chromevox，您可以列出一个快捷方式来浏览您应该注意的页面，请参见此处：http://www.chromevox.com/en/keyboard_shortcuts.html（例如，ChromeVox + 向下导航）
【讨论】：