全稱是?screen reader only，意為：（僅供）屏幕閱讀器，這個(gè) class 主要用于增強(qiáng) accessbility（可訪問(wèn)性）。

有時(shí)候 UI 上會(huì)出現(xiàn)一些僅供視覺(jué)識(shí)別的元素，比如說(shuō)“漢堡包菜單按鈕”，只有視力正常的人才能清楚辨識(shí)這些元素的作用。而殘障人士，比如弱勢(shì)或盲人是不可能知道這些視覺(jué)識(shí)別元素是什么的。他們上網(wǎng)使用的是屏幕閱讀器，也就是 screen reader（sr），屏幕閱讀器需要找到能辨識(shí)的文本說(shuō)明然后“讀”出來(lái)給用戶聽(tīng)。問(wèn)題是圖形元素怎么可能“讀出來(lái)”呢？因此我們還要寫(xiě)上這些元素的文本說(shuō)明，但是又不需要展示給普通用戶看到，于是加上?sr-only?的意義就在于能保證屏幕閱讀器正確讀取且不會(huì)影響 UI 的視覺(jué)呈現(xiàn)。

這里的“殘障人員”我理解的是“有視障的訪客”，比如屏幕閱讀器，也就是說(shuō)讀你的html代碼的工具可能不那么智能，如果你把標(biāo)簽寫(xiě)清楚的話會(huì)更容易被理解，大概就是web語(yǔ)義化的意思。

因?yàn)檩斎肟驔](méi)有隱式標(biāo)簽，通過(guò)添加label~訪問(wèn)性會(huì)更高一些~可以看看這兩篇文章：
http://www.topcss.org/?p=349
http://www.cnblogs.com/supersylph/p/4642442.html

因?yàn)檩斎肟驔](méi)有隱式標(biāo)簽，通過(guò)添加label~訪問(wèn)性會(huì)更高一些~可以看看這兩篇文章：http://www.topcss.org/?p=349
http://www.cnblogs.com/supersylph/p/4642442.html

我覺(jué)得可能是為盲人之類(lèi)的特別設(shè)計(jì)的吧