1

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

现在使用 Chrome Vox，除非我将“tabindex = 0”作为属性，否则它不会读取段落内容。我测试不正确吗？使用屏幕阅读软件的人是否使用其他方式阅读页面内容，然后点击选项卡将焦点从一个元素转移到另一个元素？

4

2 回答 2

6

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

您不需要为了让它们被阅读而使它们变得可聚焦（而且我测试过的任何屏幕阅读器（不包括 Vox）都需要它）。

使它们具有焦点将使人们更难使用该网站，因为他们将不得不通过更多元素来获取他们想要与之交互的元素。

来自 Chrome Vox 文档：

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

于 2015-06-22T13:46:04.223 回答
0

您只需在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 + Down 向后导航）

于 2015-06-22T14:20:04.250 回答