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的角色，為選取狀態。

相關推薦：bootstrap教學

#

以上是aria在bootstrap裡是啥意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！