[置顶] bootstrap里的sr-only是什么属性?sr-only表示什么意思?有什么用途?
2016-12-19 11:30
405 查看
bootstrap里的sr-only全称是 screen reader only,意为:(仅供)屏幕阅读器,这个 class 主要用于增强 accessbility(可访问性)。
有时候 UI
上会出现一些仅供视觉识别的元素,比如说“汉堡包菜单按钮”,只有视力正常的人才能清楚辨识这些元素的作用。而残障人士,
比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器,也就是 screen reader(sr),
屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢?
因此
我们还要写上这些元素的文本说明,但是又不需要展示给普通用户看到,
于是加上 sr-only的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。
有时候 UI
上会出现一些仅供视觉识别的元素,比如说“汉堡包菜单按钮”,只有视力正常的人才能清楚辨识这些元素的作用。而残障人士,
比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器,也就是 screen reader(sr),
屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢?
因此
我们还要写上这些元素的文本说明,但是又不需要展示给普通用户看到,
于是加上 sr-only的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。
相关文章推荐
- bootstrap里的sr-only是什么属性?用途是什么?
- spring 事务管理属性为只读read-only="true"是什么意思
- sr-only是什么意思
- css中有些属性的前面会加上“*”“_”,请问分别表示什么意思?
- bootstrap各属性表示的意思
- [置顶] 在bootstrap中popover.js,popover英文是什么意思?
- HTTP 状态代码表示什么意思?
- 原码、反码、补码什么意思? 二进制、八进制、十六进制的负数表示?
- Perl中的符号 ->、=> 和 :: 分别表示什么意思?
- Tadodataset的paramcheck属性是什么意思,怎么用呀??
- SPRING中属性SCOPE的prototype是什么意思
- SPRING中属性SCOPE的prototype是什么意思
- SPRING中属性SCOPE的prototype是什么意思
- 声明中“AutoEventWireup”、“Codebehind”、“Inherits”分别表示什么意思?
- 华三交换机有E、F系列,各表示什么意思
- 声明中"AutoEventWireup"、"Codebehind"、"Inherits"分别表示什么意思?
- SPRING中属性SCOPE的prototype是什么意思
- Sharepoint2007自定义Feature(4)--CustomAction各个属性表示的意思总结
- 控件的enable view state属性什么意思,起何作用?
- 在表示单位的时候Decimal Degrees代表什么意思