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

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

列表

1. 如果将p一行行的有顺序的排列，就该考虑是不是应该用有序列表了（ol）
2. 如果将p一行行的排列，就该考虑是不是应该用无序列表了（ul）
3. 如果列表嵌套深度大于5层的话，应该考虑用h1...h6这样的元素来进行转换。尤其是屏幕阅读器的用户
4. 列表嵌套别超过5层

链接

1. 避免使用脱离文章上下文无法理解的文字链接（比如最常用的“详细”的文字）
2. 如果一个链接包含一个图片和文字，并且alt中的内容和文字匹配（相同），那么alt的属性应该为空
3. 避免使用小于16*16的图片作为链接
4. 避免把链接密密麻麻的放在一起（指的是
5. 确保不同的链接地址用不同的链接文字（也就是说最好避免重复的锚（链接）文字）
6. 确保相同的链接地址用相同的链接文字（如果多个链接都指向http://www.qq.com，那么这些链接都应该使用相同的锚（链接）文字。如果有的是“腾讯”，有的是“腾讯网”，有的是“腾讯网首页”，这样就不合适了，况且对SEO也不合适）
7. 避免文字链接少于四个字（在中文网站中这一点很难避免）
8. 内部的锚点目标要有tabindex="-1"。这是由于当内部链接被激活时，IE可以移动焦点
9. 如果锚点目标是a或者表单等可以获得焦点的元素，如果使用tabindex="1"，在使用tab键切换的时候就会被跳过
10. 最安全的tabindex属性是0

图片

1. 宽或高不到8px或者没有alt的图片（特别是装饰性的图片）应该被移除，css技术可以用来控制样式
2. alt是用来描述图片的，而非单纯的新闻标题或者名词
3. alt属性不应包含图片的文件名
4. alt值不应包含冗长的信息（如果很长可以使用<img longdesc="很长很长的内容很长很长的内容" />）
5. 每个img要有alt
6. 不能只依赖图片上的文字信息
7. banner、头图上的文字信息必须在代码中有所体现