无障碍性，字段集传说和标题标签

Question

无障碍性，字段集传说和标题标签

5

我正在开发的网站必须符合508标准。目前，我们的大多数html视图都以标题 h1 开始，并显示该视图所需的任何内容。现在，对于表单，建议遵循较多的无障碍准则，使用 fieldset 和 legend。这使得事情有点复杂，因为 h1 应该是内容的标题，但如果我必须使用 fieldset 和一个 legend，则现在我有一个 h1 标题，但 legend 标题基本上也是相同的。例如：

<h1>Edit Education Details</h1>

  <form>
    <fieldset>
      <legend>Edit Education Details</legend>

      <p>
        <label for="school">School</label>
        <input id="school" name="school" type="text"/>
      </p>

      ...other fields

    </fieldset>      
  </form>

我不确定应该采取哪种方法。我是应该删除 h1 并将图例样式设置为与 h1 样式相同吗？还是应该在图例文本上做些创意，使它们不是完全相同的文本？提前致谢。

- ryanulit

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- steveax · Accepted Answer

如果在屏幕上只能编辑“教育详情”，请将h1保持不变，并使用fieldset / legend将任何相关的表单控件分组。例如，假设您有一系列复选框与用户完成的教育水平有关：

<h1>Edit Education Details</h1>

<form>

<p>
  <label for="school">School</label>
  <input id="school" name="school" type="text"/>
</p>
<fieldset>
  <legend>Level of Education Completed</legend>
  <input type="checkbox" id="highschool">
  <label for="highschool">High School</label>
  <input type="checkbox" id="associates">
  <label for="associates">Associates Degree</label>
  [...]
</fieldset>      
</form>

如果表单中没有逻辑相关的输入部分，则省略

。冗余或“创意”并不会增强可访问性。

参见WCAG 2.0 - H82：使用FIELDSET和LEGEND对表单控件进行分组。