如果标签永远不会出现，那么盲人用户将如何访问信息性文本？

Question

我正在尝试使我的Web应用程序符合ADA，我仍然在学习它的基础知识。如果我在一个页面上有一个问卷给用户提问，盲人用户怎么会看到提出的问题或信息？

例如，假设我有一个问题“你今天快乐吗”和一个复选框或下拉菜单中的“是”或“否”。 Tabbing应该带你到那些元素，屏幕阅读器会发现有复选框或下拉菜单，但他们永远不会得到“你今天快乐吗”，这意味着他们永远不会理解每个问题的背景。

这也超出了问答情节。盲人用户如何访问我的网络应用程序中的免责声明或信息，如果标签永远不会出现？

解决方案是使用tabindex="0"的一切吗？

Answer 1

您可以将问题放在fieldset的legend中，用于单选按钮/复选框组。

<fieldset>
    <legend>Are you happy today?</legend>
    <input type="radio" name="happy" value="yes" id="happy-yes">
    <label for="happy-yes">Yes</label>
    <input type="radio" name="happy" value="no" id="happy-no">
    <label for="happy-no">No</label>
</fieldset>

这是一篇用fieldset技术描述legend的文章：https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/

对于下拉菜单，您只需要使用label元素。

<label for="happy">Are you happy today?</label>
<select name="happy" id="happy">
    <option value="yes">Yes</option>
    <option value="no">No</option>
</select>

（您应该始终对所有表单字段使用标签元素）

在构建可访问的网站时，很少需要tabindex。如果HTML结构合理，您将永远不需要在任何地方使用tabindex。