這篇文章主要介紹“aria在bootstrap里指的是什么”,在日常操作中,相信很多人在aria在bootstrap里指的是什么問(wèn)題上存在疑惑,小編查閱了各式資料,整理出簡(jiǎn)單好用的操作方法,希望對(duì)大家解答”aria在bootstrap里指的是什么”的疑惑有所幫助!接下來(lái),請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧!
創(chuàng)新互聯(lián)服務(wù)緊隨時(shí)代發(fā)展步伐,進(jìn)行技術(shù)革新和技術(shù)進(jìn)步,經(jīng)過(guò)十余年的發(fā)展和積累,已經(jīng)匯集了一批資深網(wǎng)站策劃師、設(shè)計(jì)師、專業(yè)的網(wǎng)站實(shí)施團(tuán)隊(duì)以及高素質(zhì)售后服務(wù)人員,并且完全形成了一套成熟的業(yè)務(wù)流程,能夠完全依照客戶要求對(duì)網(wǎng)站進(jìn)行成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、建設(shè)、維護(hù)、更新和改版,實(shí)現(xiàn)客戶網(wǎng)站對(duì)外宣傳展示的首要目的,并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。
在bootstrap中,aria是“可訪問(wèn)的富互聯(lián)網(wǎng)應(yīng)用程序”的意思,是“Accessible Rich Internet Application”的縮寫,用于增強(qiáng)網(wǎng)頁(yè)在殘障輔助閱讀設(shè)備上的識(shí)別讀取,可彌補(bǔ)html和js可訪問(wèn)性方面的不足。
本教程操作環(huán)境:Windows10系統(tǒng)、bootstrap3.3.7版、DELL G3電腦
aria是Accessible Rich Internet Application簡(jiǎn)稱,百度翻譯:可訪問(wèn)的富互聯(lián)網(wǎng)應(yīng)用程序。
此類屬性是為了增強(qiáng)網(wǎng)頁(yè)在殘障輔助閱讀設(shè)備上的識(shí)別讀取。
aria是一種比較新的輔助訪問(wèn)技術(shù),用來(lái)彌補(bǔ)html和js本身對(duì)可訪問(wèn)性方面的不足。支持aria并不是必須或者強(qiáng)制的,但是支持aria會(huì)讓你的應(yīng)用變得更友好,更健壯。
例如:
下面這個(gè)表單添加了aria-label屬性,那么當(dāng)頁(yè)面聚焦到此表單上時(shí),屏幕閱讀器會(huì)讀出 aria-label 屬性的值,aria-label 不會(huì)在視覺(jué)上呈現(xiàn)效果,只是方便設(shè)備讀取備注。
擴(kuò)展知識(shí):
ARIA 為Web app提供滿足用戶不同需求的解決方案。建設(shè)起用戶和軟件之間的橋梁。
新的HTML5標(biāo)準(zhǔn)中增加 aria-* 的標(biāo)簽屬性,全稱Accessible Rich Internet Application。與role標(biāo)簽屬性配合使用。
role屬性表示一個(gè)非標(biāo)準(zhǔn)的tag的實(shí)際作用。比如用div做button,那么設(shè)置div 的 role=“button”,輔助工具就可以認(rèn)出這實(shí)際上是個(gè)button。而aria-*的作用就是描述這個(gè)tag在可視化的情境中的具體信息。
最簡(jiǎn)單的應(yīng)用比如,
輔助工具就會(huì)知道,這個(gè)div實(shí)際上是個(gè)checkbox的角色,為選中狀態(tài)。
到此,關(guān)于“aria在bootstrap里指的是什么”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章!