bootstrap里的sr-only是什么屬性?用途是什么
1 回答

寶慕林4294392
TA貢獻(xiàn)2021條經(jīng)驗 獲得超8個贊
全稱是 screen reader only,意為:(僅供)屏幕閱讀器,這個 class 主要用于增強(qiáng) accessbility(可訪問性)。
有時候 UI
上會出現(xiàn)一些僅供視覺識別的元素,比如說“漢堡包菜單按鈕”,只有視力正常的人才能清楚辨識這些元素的作用。而殘障人士,比如弱勢或盲人是不可能知道這些
視覺識別元素是什么的。他們上網(wǎng)使用的是屏幕閱讀器,也就是 screen
reader(sr),屏幕閱讀器需要找到能辨識的文本說明然后“讀”出來給用戶聽。問題是圖形元素怎么可能“讀出來”呢?因此我們還要寫上這些元素的文
本說明,但是又不需要展示給普通用戶看到,于是加上 sr-only 的意義就在于能保證屏幕閱讀器正確讀取且不會影響 UI 的視覺呈現(xiàn)。
- 1 回答
- 0 關(guān)注
- 742 瀏覽
添加回答
舉報
0/150
提交
取消