2013-03-21 54 views
5

我正在开发的网站的要求是它必须符合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造型相同?或者我应该对传奇文字进行创意,以便它们不是完全相同的文字?提前致谢。

回答

5

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

+0

是的,我和h1一起去了,你的意见很有道理。感谢您的链接。 – ryanulit 2013-03-22 02:24:05