課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
“為殘障人員進行了一定的考慮”,這句話沒看懂,是什么意思?。?/p>
2016-04-01
源自:玩轉Bootstrap(基礎) 3-3
正在回答
全稱是?screen reader only,意為:(僅供)屏幕閱讀器,這個 class 主要用于增強 accessbility(可訪問性)。
有時候 UI 上會出現一些僅供視覺識別的元素,比如說“漢堡包菜單按鈕”,只有視力正常的人才能清楚辨識這些元素的作用。而殘障人士,比如弱勢或盲人是不可能知道這些視覺識別元素是什么的。他們上網使用的是屏幕閱讀器,也就是 screen reader(sr),屏幕閱讀器需要找到能辨識的文本說明然后“讀”出來給用戶聽。問題是圖形元素怎么可能“讀出來”呢?因此我們還要寫上這些元素的文本說明,但是又不需要展示給普通用戶看到,于是加上?sr-only?的意義就在于能保證屏幕閱讀器正確讀取且不會影響 UI 的視覺呈現。
愿一世歡顏
這里的“殘障人員”我理解的是“有視障的訪客”,比如屏幕閱讀器,也就是說讀你的html代碼的工具可能不那么智能,如果你把標簽寫清楚的話會更容易被理解,大概就是web語義化的意思。
因為輸入框沒有隱式標簽,通過添加label~訪問性會更高一些~可以看看這兩篇文章:http://www.topcss.org/?p=349http://www.cnblogs.com/supersylph/p/4642442.html
因為輸入框沒有隱式標簽,通過添加label~訪問性會更高一些~可以看看這兩篇文章:http://www.topcss.org/?p=349 http://www.cnblogs.com/supersylph/p/4642442.html
我覺得可能是為盲人之類的特別設計的吧
平心_靜氣 提問者
夜空中最亮的星光 回復 平心_靜氣 提問者
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
1 回答role這里表達的意思?
4 回答這句話沒看懂,還有這幾種狀態怎么理解
5 回答兩個代碼完全一樣 讓我們看什么啊,沒看懂到底想傳達什么意思
4 回答這個form 中的role 屬性 是想表達 什么意思?
5 回答沒有明白什么意思
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-24
全稱是?screen reader only,意為:(僅供)屏幕閱讀器,這個 class 主要用于增強 accessbility(可訪問性)。
有時候 UI 上會出現一些僅供視覺識別的元素,比如說“漢堡包菜單按鈕”,只有視力正常的人才能清楚辨識這些元素的作用。而殘障人士,比如弱勢或盲人是不可能知道這些視覺識別元素是什么的。他們上網使用的是屏幕閱讀器,也就是 screen reader(sr),屏幕閱讀器需要找到能辨識的文本說明然后“讀”出來給用戶聽。問題是圖形元素怎么可能“讀出來”呢?因此我們還要寫上這些元素的文本說明,但是又不需要展示給普通用戶看到,于是加上?sr-only?的意義就在于能保證屏幕閱讀器正確讀取且不會影響 UI 的視覺呈現。
2016-06-01
這里的“殘障人員”我理解的是“有視障的訪客”,比如屏幕閱讀器,也就是說讀你的html代碼的工具可能不那么智能,如果你把標簽寫清楚的話會更容易被理解,大概就是web語義化的意思。
2016-05-16
因為輸入框沒有隱式標簽,通過添加label~訪問性會更高一些~可以看看這兩篇文章:
http://www.topcss.org/?p=349
http://www.cnblogs.com/supersylph/p/4642442.html
2016-05-16
因為輸入框沒有隱式標簽,通過添加label~訪問性會更高一些~可以看看這兩篇文章:http://www.topcss.org/?p=349
http://www.cnblogs.com/supersylph/p/4642442.html
2016-04-01
我覺得可能是為盲人之類的特別設計的吧