Chrome Vox Shift Alt 左箭头读取页面上的所有以下元素答案

【问题标题】：Chrome Vox Shift Alt Left arrow reads all following elements on pageChrome Vox Shift Alt 左箭头读取页面上的所有以下元素
【发布时间】：2017-04-03 06:34:18
【问题描述】：

Chrome Vox Shift Alt 向左箭头可读取页面上以下结构中的所有以下元素。现在继续关注第一个输入，我正试图从输入转移到标签，重点放在星号跨度和标签上。它还会读取下一个输入（电子邮件输入框）和跨度。有什么解决办法吗？

<span>* </span>
<label for="name">Name:</label> 
<input type="text" id="name" name="name">
<br/>
<span>* </span>
<label for="email">Name:</label>
<input type="text" name="email" id="email">

【问题讨论】：

这是 ChromeOS 上的 ChromeVox 还是仅在 Windows/Mac 上的浏览器中？
这是 Windows 机器上的 Chrome 浏览器。我找到了另一个示例站点，您可以在其中找到相同的问题..（这里的结构与问题中提到的不同）deque.com/padam/demo/…。启用 Chromevox 并使用 Vox 键（在我的情况下为 Shift+Alt）加上从姓氏字段到名字的右箭头，当焦点到达名字标签时，它开始读取所有元素。
啊。由于我不使用 ChromeVox，因此无法提供太多帮助。它不是真正的屏幕阅读器，因此它的行为并不总是像人们预期的那样。话虽如此，大多数屏幕浏览器不会让您将焦点放在<label> 上，因为它的工作是将焦点转移到相关字段。我也可能误解了你的问题。

标签： screen-readers wcag

【解决方案1】：

您的描述很难回答。但这就是我的理解……您不希望 chromevox 屏幕阅读器宣布星号。

所以你可以做的就是将它添加到跨度中。

<span aria-hidden="true">* </span>

现在我假设您使用星号表示需要某些内容...所以您应该将其添加到输入中

<input type="text" name="email" id="email" required>

您需要在输入中添加 required。

现在您还可以使用标签索引控制屏幕阅读器读取元素的流程。但通常人们不使用正整数的 tab-index 所以它需要 tab-index="0"

希望这有帮助！

【讨论】：