5回答

• 

  愿一世欢颜

  2016-06-24 14:51:32

  全称是 screen reader only，意为：（仅供）屏幕阅读器，这个 class 主要用于增强 accessbility（可访问性）。

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

  
  

  1 14

  愿一世欢颜

  借鉴过来的答案，个人觉得解释的很到位

  2016-06-24 14:52:20

  共 1 条回复 >

• 

  姑娘小小

  2016-06-01 10:55:00

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

  0 0
• 

  LHammer

  2016-05-16 22:01:14

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

  0 0
• 

  LHammer

  2016-05-16 21:59:51

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

  0 0
• 

  4ro0T

  2016-04-01 10:21:32

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

  2 0

  夜空中最亮的... 回复平心_静气

  不是敲代码，是他们需要使用电子设备，作为前端，这些都是你所要考虑的

  2016-11-02 21:47:07

  共 2 条回复 >