課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
aria-hidden="true"是什么意思? aria代表什么?
2015-01-05
源自:玩轉Bootstrap(基礎) 8-4
正在回答
aria-hidden=“true”
https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/ARIA 自己看一下
為了語義化
demo
關注殘障人士,這是我們應該做到的,做網頁,也應該具有這種思想。
沒什么用,建議以后類似role和aria-hidden的東西完全不要理會。這樣能降低學習難度,和排除學習干擾。
小水蔥
慕尼黑123390 回復 小水蔥
是啊,什么用嗎,真不懂
圖標的可訪問性
現代的輔助技術能夠識別并朗讀由 CSS 生成的內容和特定的 Unicode 字符。為了避免 屏幕識讀設備抓取非故意的和可能產生混淆的輸出內容(尤其是當圖標純粹作為裝飾用途時),我們為這些圖標設置了 aria-hidden="true" 屬性。
如果你使用圖標是為了表達某些含義(不僅僅是為了裝飾用),請確保你所要表達的意思能夠通過被輔助設備識別,例如,包含額外的內容并通過 .sr-only 類讓其在視覺上表現出隱藏的效果。
如果你所創建的組件不包含任何文本內容(例如, <button> 內只包含了一個圖標),你應當提供其他的內容來表示這個控件的意圖,這樣就能讓使用輔助設備的用戶知道其作用了。這種情況下,你可以為控件添加 aria-label 屬相。
?
lu在腳下
qq_陪你歇斯底里_0
ylxykym
GeekChen 回復 hougongfei
這類標簽應該不是必須添加的吧,看到bootstrap里用的比較多
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
1 回答aria-hidden="true"是什么意思?
1 回答aria-labelledby="myLargeModalLabel" aria-hidden="true"是什么意思來的?
2 回答aria-valuenow aria-valuemin aria-valuemax
1 回答求問bootstrap中 aria-haspopup="true" aria-expanded="true"
1 回答tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-23
aria-hidden=“true”
2015-12-25
https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/ARIA 自己看一下
2015-12-15
為了語義化
2015-12-15
demo
2015-10-20
關注殘障人士,這是我們應該做到的,做網頁,也應該具有這種思想。
2015-09-08
沒什么用,建議以后類似role和aria-hidden的東西完全不要理會。這樣能降低學習難度,和排除學習干擾。
2015-08-17
是啊,什么用嗎,真不懂
2015-05-19
圖標的可訪問性
現代的輔助技術能夠識別并朗讀由 CSS 生成的內容和特定的 Unicode 字符。為了避免 屏幕識讀設備抓取非故意的和可能產生混淆的輸出內容(尤其是當圖標純粹作為裝飾用途時),我們為這些圖標設置了 aria-hidden="true" 屬性。
如果你使用圖標是為了表達某些含義(不僅僅是為了裝飾用),請確保你所要表達的意思能夠通過被輔助設備識別,例如,包含額外的內容并通過 .sr-only 類讓其在視覺上表現出隱藏的效果。
如果你所創建的組件不包含任何文本內容(例如, <button> 內只包含了一個圖標),你應當提供其他的內容來表示這個控件的意圖,這樣就能讓使用輔助設備的用戶知道其作用了。這種情況下,你可以為控件添加 aria-label 屬相。
?
2015-05-02
這類標簽應該不是必須添加的吧,看到bootstrap里用的比較多