无障碍网页设计技术手册规范十二

12-1定义每个页框的标题[第一优先等级]

在FRAME标签中使用title属性提供页框标题。
正确范例：
<FRAMESET ROWS="100,*">
    <FRAME src="navigate-html" title="功能导览列">
    <FRAME src="content-html" title="主要内容页">
</FRAMESET>

12-2当页框的标题无法明白表示页框中的内容时，应提供额外的描述[第二优先等级]

12-2-1文字替代同1-1-1

12-2-2对网页页框的内容提供说明同1-1-9

12-3适当地透过更多群组以区隔过长的信息[第二优先等级]

12-3-1有结构的群组

以下为采用HTML4-01群组网页内容的方法：
使用FIELDSET将同类的群组表单控制项加以群组并且透过LEGEND标签描述。
使用OPTGROUP标签将选单项目适当地分类群组起来，以利使用者迅速了解选单项目。
对于表格资料使用CAPTION描述此表格。
透过THEAD、TBODY、TFOOT与COLGROUP群组表格中的行和列。
巢状清单应使用UL、OL与DL呈现。
使用H1-H6有结构地设计文件档以及编排过长的文字。
将相关的连结加以群组。

12-3-2对于相类似的表单控制项加以群组

使用FIELDSET标签区隔相类似的表单控制项并且使用LEGEND标签提供叙述。
正确范例：
<FORM>
  <FIELDSET>
    <LEGEND>个人资料</LEGEND>
     <LABEL for="lastname">姓氏：</LABEL> 
       <INPUT type="text" id="lastname" tabindex="1" value="输入姓氏">
     <LABEL for="firstname">名字：</LABEL> 
       <INPUT type="text" id="firstname" tabindex="2" value="输入名字"> 
             <!-----更多的个人信息----->
  </FIELDSET>
  <FIELDSET>
   <LEGEND>个人医疗纪录</LEGEND>
             <!-----个人医疗记录----->
  </FIELDSET>
</FORM>

12-4透过label标签明确地呈现表单控制项要表达的网页信息[第二优先等级]

12-4-1对于表单控制项提供说明标签

以下例子乃是在HTML中使用的<LABEL for="  "></LABEL>呈现表单控制项要表达的网页信息：
正确范例：
<FORM>
  <LABEL>姓名：</LABEL>
     <INPUT value="请输入您的姓名"><BR>
  <FIELDSET>
  <LEGEND>性别</LEGEND>
    <INPUT name="sex" TYPE="radio" id="male" checked>
<LABEL for="male">男性</LABEL>
<INPUT type="radio" name="sex" id="female">
      <LABEL for="female">女性</LABEL>
  </FIELDSET> <BR> 
<LABEL for="car">汽车厂牌：</LABEL>
    <SELECT>
      <OPTION selected>奥迪</OPTION>
      <OPTION>奔驰</OPTION>
      <OPTION>宝马</OPTION>
    </SELECT><BR>
  <LABEL for="pwd">密码</LABEL>
    <INPUT type="password" id="pwd" size="10>"<BR>
  <LABEL for="com">建议：</LABEL><BR>
    <TEXTAREA rows="10" cols="30" id="com">请输入您的宝贵建议   
    </TEXTAREA>
    <BR>
    <INPUT type="submit" value="送出">
    <INPUT type="reset" value="重写">
</FORM>

无障碍网页设计技术

点击此查看-->手机端无障碍工具条演示(仅手机端打开)
点击此查看-->PC端无障碍工具条演示(仅PC端打开)
点击此查看-->我们能提供的信息无障碍服务
点击此查看-->无障碍工具条授权方式和区域代理
点击此查看-->相关服务报价参考

无障碍网页设计技术手册规范十二

热门