aria在bootstrap里指的是什么

這篇文章主要介紹“aria在bootstrap里指的是什么”，在日常操作中，相信很多人在aria在bootstrap里指的是什么問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”aria在bootstrap里指的是什么”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

在bootstrap中，aria是“可訪問的富互聯網應用程序”的意思，是“Accessible Rich Internet Application”的縮寫，用于增強網頁在殘障輔助閱讀設備上的識別讀取，可彌補html和js可訪問性方面的不足。

本教程操作環境：Windows10系統、bootstrap3.3.7版、DELL G3電腦

aria在bootstrap里是啥意思

aria是Accessible Rich Internet Application簡稱，百度翻譯：可訪問的富互聯網應用程序。

此類屬性是為了增強網頁在殘障輔助閱讀設備上的識別讀取。

aria是一種比較新的輔助訪問技術，用來彌補html和js本身對可訪問性方面的不足。支持aria并不是必須或者強制的，但是支持aria會讓你的應用變得更友好，更健壯。

例如：

下面這個表單添加了aria-label屬性，那么當頁面聚焦到此表單上時，屏幕閱讀器會讀出 aria-label 屬性的值，aria-label 不會在視覺上呈現效果，只是方便設備讀取備注。

<input type="text" class="form-control" id="name" placeholder="請輸入名稱" aria-label="名稱">

擴展知識：

ARIA 為Web app提供滿足用戶不同需求的解決方案。建設起用戶和軟件之間的橋梁。

新的HTML5標準中增加 aria-* 的標簽屬性，全稱Accessible Rich Internet Application。與role標簽屬性配合使用。

role屬性表示一個非標準的tag的實際作用。比如用div做button，那么設置div 的 role=“button”，輔助工具就可以認出這實際上是個button。而aria-*的作用就是描述這個tag在可視化的情境中的具體信息。

最簡單的應用比如，

<div role="checkbox" aria-checked="checked"></div>

輔助工具就會知道，這個div實際上是個checkbox的角色，為選中狀態。

到此，關于“aria在bootstrap里指的是什么”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！