label标签的可访问性

与表单元素关联的方法(IE6下label标签包裹控件的方法是不顶用的):

1 使用for和id关联控件

<p><label for="test">标签</label> <input name="input" type="text" id="test" /></p>
(一个控件可以支持多个label)

2 label标签包裹控件

<p><label>标签 <input name="input" type="text" /></label></p>

3 双管齐下

<p><label for="test2">标签 <input name="input" type="text" id="test2" /></label></p>

使用forid找到控件元素的方法要比将控件放在label标签内的健壮性好很多。
同时他还发现使用aria-labelledby属性跨浏览器和辅助技术的健壮性要比使用标准的控件元素放在label标签下的方法强。 在浏览器修复他们的些可访问性问题之前,如果你希望你的控件可以被辅助技术理解,建议使用for + id方法,而不要因为懒得蛋疼乳酸,直接把控件元素套在label标签之下。也不要使用看上去更保险的“双管齐下”的方法。
上一篇:如何处理HTML5新标签的兼容性问题


下一篇:【代码笔记】iOS-使图片两边不拉伸,中间拉伸