辅助功能,字段集标志和标题标记
问题描述:
我正在开发的网站的要求是它必须符合508规定。目前,我们的大部分HTML视图都以标题h1
开头,然后在该视图上需要什么。现在对于表单,建议在处理无障碍性时使用fieldset
s和legend
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
保留原样(假设教育详细信息是您可以在该屏幕上编辑的唯一东西),并使用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: Grouping form controls with FIELDSET and LEGEND。
是的,我和h1一起去了,你的意见很有道理。感谢您的链接。 – ryanulit 2013-03-22 02:24:05