5

我正在开发的网站的要求是它必须符合 508。目前，我们的大多数 html 视图都以标题开头，h1然后是该视图上需要的任何内容。现在对于表单，建议在处理可访问性时使用fieldsets 和s 以及其他众多准则。legend这让事情变得有点复杂，因为h1本来是内容的标题，但是如果我必须使用 afieldset和一个图例，现在我有了一个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？或者我应该对图例文本进行创意，以使它们不是完全相同的文本？提前致谢。

4

1 回答 1

7

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

如果表单中没有任何逻辑关联的输入部分，则省略fieldset/legends. 拥有冗余或“变得有创意”以使您不冗余并不会增强可访问性。

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

于 2013-03-22T01:03:51.597 回答