這篇文章主要介紹了Bootstrap中aria-label和aria-labelledby屬性有什么用,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司從2013年創(chuàng)立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都網(wǎng)站制作、做網(wǎng)站網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命,1280元茄子河做網(wǎng)站,已為上家服務(wù),為茄子河各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792
aria-label
正常情況下,form表單的input組件都有對(duì)應(yīng)的label.當(dāng)input組件獲取到焦點(diǎn)時(shí),屏幕閱讀器會(huì)讀出相應(yīng)的label里的文本。
demo
但是如果我們沒有給輸入框設(shè)置label時(shí),當(dāng)其獲得焦點(diǎn)時(shí),屏幕閱讀器會(huì)讀出aria-label屬性的值,aria-label不會(huì)在視覺上呈現(xiàn)效果。
aria-labelledby
注:
如果一個(gè)元素同時(shí)有aria-labelledby和aria-label,讀屏軟件會(huì)優(yōu)先讀出aria-labelledby的內(nèi)容
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“Bootstrap中aria-label和aria-labelledby屬性有什么用”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!