bootstrap sr-only
2016-06-13 18:57
239 查看
有时候 UI 上会出现一些仅供视觉识别的元素,比如说“汉堡包菜单按钮”,只有视力正常的人才能清楚辨识这些元素的作用。而残障人士,比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器,也就是 screen reader(sr),屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢?因此我们还要写上这些元素的文本说明,但是又不需要展示给普通用户看到,于是加上
sr-only的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。
相关文章推荐
- bootstrap首页制作
- Bootstrap标签页插件
- Bootstrap滚动监听插件
- bootstrap走动的进度条
- Bootstrap tutorial: A responsive design tutorial with Twitter Bootstrap 3
- BootStrap智能表单实战系列(十一)级联下拉的支持
- 给AspNetPager分页控件添加bootstrap样式
- BootStrap 智能表单实战系列(十)自动完成组件的支持
- BootStrap智能表单实战系列(九)表单图片上传的支持
- Bootstrap下拉菜单插件
- Bootstrap模态框插件
- BootStrap智能表单实战系列(八)表单配置json详解
- BootStrap智能表单实战系列(七)验证的支持
- bootstrap-datepicker 与bootstrapValidator同时使用时,选择日期后,无法正常触发校验
- BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
- BootStrap 智能表单实战系列(五) 表单依赖插件处理
- springMVC + mybatis + bootstrap 框架学习
- BootStrap智能表单实战系列(四)表单布局介绍
- [转]ASP.NET MVC4+BootStrap 实战(一)
- BootStrap智能表单实战系列(三)分块表单配置详解