为了账号安全,请及时绑定邮箱和手机立即绑定

有点疑惑,没看懂这句话表达什么意思

“为残障人员进行了一定的考虑”,这句话没看懂,是什么意思啊?

正在回答

5 回答

全称是 screen reader only,意为:(仅供)屏幕阅读器,这个 class 主要用于增强 accessbility(可访问性)。

有时候 UI 上会出现一些仅供视觉识别的元素,比如说“汉堡包菜单按钮”,只有视力正常的人才能清楚辨识这些元素的作用。而残障人士,比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器,也就是 screen reader(sr),屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢?因此我们还要写上这些元素的文本说明,但是又不需要展示给普通用户看到,于是加上 sr-only 的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。


14 回复 有任何疑惑可以回复我~
#1

愿一世欢颜

借鉴过来的答案,个人觉得解释的很到位
2016-06-24 回复 有任何疑惑可以回复我~

这里的“残障人员”我理解的是“有视障的访客”,比如屏幕阅读器,也就是说读你的html代码的工具可能不那么智能,如果你把标签写清楚的话会更容易被理解,大概就是web语义化的意思。

0 回复 有任何疑惑可以回复我~

因为输入框没有隐式标签,通过添加label~访问性会更高一些~可以看看这两篇文章:
http://www.topcss.org/?p=349
http://www.cnblogs.com/supersylph/p/4642442.html

0 回复 有任何疑惑可以回复我~

因为输入框没有隐式标签,通过添加label~访问性会更高一些~可以看看这两篇文章:http://www.topcss.org/?p=349
http://www.cnblogs.com/supersylph/p/4642442.html

0 回复 有任何疑惑可以回复我~

我觉得可能是为盲人之类的特别设计的吧

0 回复 有任何疑惑可以回复我~
#1

平心_静气 提问者

盲人还写代码?晕
2016-04-01 回复 有任何疑惑可以回复我~
#2

夜空中最亮的星光 回复 平心_静气 提问者

不是敲代码,是他们需要使用电子设备,作为前端,这些都是你所要考虑的
2016-11-02 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

有点疑惑,没看懂这句话表达什么意思

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信