网页制作技巧:网页无障碍说明标准(2)

网页制作技巧:网页无障碍说明标准(2)

菜单和导航

1. ul是用来作为导航的最合适的元素，其次是ol

2. 推荐的导航结构：

   <h2 class="offscreen" ></h2><!--h2~h6后面紧挨着ul或者ol，这样才会被认为是navigation bar，并且这里的hn出现在h1前面被视为符合要求的-->

   <ul>

    

3. <a href="#">栏目1

    

    

4. <a href="#">栏目2

    

   </ul>

   /*css style*/

   .offscreen {
   position: absolute;
   top: -30em;
   left: -300em;
   }

5. 绝大多数的网页应该至少含有一个导航栏
6. 每个map，ul，ol元素不要在最后一个h1之前，如果必须有个导航在标题之前，这个标题请用h2。(参见推荐的导航结构)
7. 每一个嵌套的table，热点区域，ol，ul作为导航的话，他们的头部要有一个h2(或者是h2~h6，参见推荐的导航结构)

文本样式

1. 请勿使用blink(闪啊闪的)和marquee(移动移动的)！！！会引发癫痫和视觉损伤
2. 禁止使用font和center元素，请用css实现
3. 斜体样式禁用i元素，标题用h1...h6，要强调的词、短语和句子，请用em实现
4. 加粗字体样式禁用b元素，标题用h1...h6，要强调的词、短语和句子，请用em实现
5. 下划线样式禁用u元素，标题用h1...h6，要强调的词、短语和句子，请用strong实现