zoukankan      html  css  js  c++  java
  • 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标签之下。也不要使用看上去更保险的“双管齐下”的方法。
  • 相关阅读:
    判断是否是微信浏览器
    弹性盒模型
    一个发光的搜索边框(纯CSS3)
    小练习
    js控制div是否显示
    遮罩弹窗
    布局
    CSS构造表单
    CSS 滤镜(IE浏览器专属其他浏览器不支持)
    Css中光标,DHTML,缩放的使用
  • 原文地址:https://www.cnblogs.com/xiaofenguo/p/6135048.html
Copyright © 2011-2022 走看看