Question

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

例如，假设我有一个问题＆＃34;你今天开心吗＆＃34;以及＆＃34;是＆＃34;的复选框或下拉菜单或＆＃34;不＆＃34;。 Tabbing应该带你到那些元素，屏幕阅读器会发现有复选框或下拉菜单，但他们永远不会到达＆＃34;你今天开心吗？＃34;意思是他们永远不会理解每个问题的背景。

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

是否可以使用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。

如果标签永远无法访问，盲人用户将如何访问信息性文本？

1 个答案: