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

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

Objects

1. 每个applet元素应有alt值
2. 每个embed元素应有alt值
3. 每个object应包含文字内容

表单

1. ID必须唯一，特别是表单
2. 每一个fieldset应该有一个legend元素
3. 每个label必须有文字内容
4. 每个legend必须有文字内容
5. 每一个有效的label (legend + label)必须是唯一的（也就是说<label for="唯一"></label）
6. label不应该包裹select和textarea元素（平时我们可能会这样书写<label><select /></label>）
7. 当input = images是必须有alt或者titile属性，且不为空
8. 每一个button必须包含文字内容
9. 核实文本域、密码、下拉框、textarea和按钮的时候，最好设置为相对字体
10. 禁止让表单元素不能获得焦点
11. 如果input、select、textarea、button的title被定义了，一定不能为空
12. type等于button、reset、submit的input必须要有value或者title
13. 最好为每一个表单元素定义一个label并且指向他的id或者拥有title
14. 必须填写的字段，在代码层面一定要有所体现，推荐：<abbr title="required">*</abbr>

框架

1. 不应使用隐藏或者引入空的frame
2. 每个frame必须有一个title属性用来介绍这个frame的作用，隐藏的frame可以将title设置为"hidden 1", "hidden 2", "hidden 3," 等等
3. frameset中的每一个frame的title要有内容

事件

1. 有onmouseover行为的焦点的元素应有类似onfocus的相同效果解决方案
2. 有onmouseout行为的焦点的元素应有类似onblur的相同效果解决方案
3. 鼠标的onmousedown, onmouseup 和onmousemove功能，要有相应的键盘解决方案（比如用keydown、keyup、onblur）
4. 没有焦点的元素的onmouseover 或 onmouseout 应该用css中的:hover来实现（可惜ie6不给力）
5. onClick事件应该绑定在有能有焦点的元素上
6. onChange事件不应使用在select元素上，会导致自动改变焦点或者载入到一个页面中