2

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

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

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

解决方案可以tabindex="0"用于一切吗？

4

1 回答 1

3

您可以将您的问题放在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>

这是一篇描述fieldsetwithlegend技术的文章：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任何地方使用。

于 2018-03-01T02:17:17.390 回答