課程
/前端開發
/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您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
<menu id="whwd0"><li id="whwd0"></li></menu>
<fieldset id="whwd0"><rp id="whwd0"></rp></fieldset>
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里用的比較多