Accessibility 辅助功能、字段集图例和标题标记

我正在开发的网站的一个要求是它必须符合508标准。目前，我们的大多数html视图都以标题

h1

开始，然后是该视图上需要的任何内容。现在对于表单，建议在处理可访问性时使用

字段集

s和

图例

s，以及其他许多指导原则。这使得事情变得有点复杂，因为

h1

是内容的标题，但是如果我必须使用

fieldset

和图例，现在我有了

h1

标题，但是图例标题几乎是一样的。例如：

<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

样式相同吗？或者我应该创造性地使用图例文本，使它们不是完全相同的文本？提前感谢。

保持

h1

不变（假设您只能在该屏幕上编辑教育详细信息），并使用

字段集/图例对任何相关表单控件进行分组。例如，假设您有一系列复选框，用于处理用户的教育程度：

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

编辑教育详细信息

学校

完成的教育程度
高中
助理学位
[...]

如果表单中没有任何逻辑关联的输入部分，则省略
字段集/图例
。拥有冗余或“变得有创意”，这样你就不会冗余，这并不会提高可访问性

看。
是的，我选择了h1，你的评论很有道理。谢谢你的链接。