如果无法使用 Tab 键，盲人用户将如何访问信息文本？

Question

我正在尝试使我的 Web 应用程序符合 ADA 标准，但我仍在学习它的基础知识。如果我在页面上有一份问卷，向用户提出问题，盲人用户将如何看到所呈现的问题或信息？

例如，假设我有一个问题 "Are you happy today" 和 "yes" 或 "no" 的复选框或下拉菜单。按 Tab 键应该会带您到这些元素，屏幕阅读器会发现有复选框或下拉菜单，但他们永远不会到达 "Are you happy today"，这意味着他们永远不会理解每个问题的上下文。

这也超出了问答场景。如果无法使用 Tab 键，盲人用户将如何访问我的 Web 应用程序上的免责声明或信息？

是对所有事情都使用tabindex="0"的解决方案吗？

Answer 1

您可以将问题放在 fieldset 的 legend 无线电 buttons/checkbox 组中。

<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。

如果无法使用 Tab 键，盲人用户将如何访问信息文本？

How would blind users ever access informative text if tabbing never gets to it?

html

accessibility

screen-readers

tabindex

ada-compliance