bootstrap里的sr-only是什么属性?用途是什么?
来源:互联网 发布:it最新资讯 编辑:程序博客网 时间:2024/06/11 00:53
全称是 screen reader only
,意为:(仅供)屏幕阅读器,这个 class 主要用于增强 accessbility(可访问性)。
有时候 UI 上会出现一些仅供视觉识别的元素,比如说“汉堡包菜单按钮”,只有视力正常的人才能清楚辨识这些元素的作用。而残障人士,比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器,也就是 screen reader(sr),屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢?因此我们还要写上这些元素的文本说明,但是又不需要展示给普通用户看到,于是加上 sr-only
的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。
0 0
- bootstrap里的sr-only是什么属性?用途是什么?
- bootstrap里的sr-only是什么属性?sr-only表示什么意思?有什么用途?
- 子网掩码的用途是什么?
- Bootstrap是什么,Bootstrap里的文件分别表示什么?都有什么用?
- 事务是什么?事务的四个属性是什么?
- 汇编中.word的具体用途是什么
- 汇编中.word的具体用途是什么?
- 汇编中.word的具体用途是什么?
- 汇编中.word的具体用途是什么?
- 汇编中.word的具体用途是什么?
- matlab figure是什么用途
- data-属性的作用是什么?
- JAVA的用途是什么?如果学好JAVA能干什么【转】
- Ajax里的onreadystatechange的作用是什么
- Ajax里的onreadystatechange的作用是什么
- Ajax里的onreadystatechange的作用是什么
- Ajax里的onreadystatechange的作用是什么
- Ajax里的onreadystatechange的作用是什么
- ubuntu安装MySQL-5.5
- 项目记录12---http做版本检查资源更新
- 第16周—学期总结
- HDOJ 1398 Square Coins
- 自己归纳 Android 四种布局简介
- bootstrap里的sr-only是什么属性?用途是什么?
- java序列化和反序列化
- 算法
- 第十六周项目(1):验证算法8——基数排序
- HDOJ 1085 Holding Bin-Laden Captive!
- UIView动画(学习笔记)
- 第15周 项目二---用哈希法组织关键字(2)
- Git 撤销修改
- 第十周项目2 - 二叉树遍历的递归算法.cpp