1. 程式人生 > >bootstrap裏的sr-only是什麽屬性?用途是什麽?

bootstrap裏的sr-only是什麽屬性?用途是什麽?

人才 按鈕 tst 裏的 clas log csdn trap -s

bootstrap裏的sr-only是什麽屬性?用途是什麽?

全稱是 screen reader only,意為:(僅供)屏幕閱讀器,這個 class 主要用於增強 accessbility(可訪問性)。

有時候 UI 上會出現一些僅供視覺識別的元素,比如說“漢堡包菜單按鈕”,只有視力正常的人才能清楚辨識這些元素的作用。而殘障人士,比如弱勢或盲人是不可能知道這些視覺識別元素是什麽的。他們上網使用的是屏幕閱讀器,也就是 screen reader(sr),屏幕閱讀器需要找到能辨識的文本說明然後“讀”出來給用戶聽。問題是圖形元素怎麽可能“讀出來”呢?因此我們還要寫上這些元素的文本說明,但是又不需要展示給普通用戶看到,於是加上 sr-only

的意義就在於能保證屏幕閱讀器正確讀取且不會影響 UI 的視覺呈現。

bootstrap裏的sr-only是什麽屬性?用途是什麽?