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