淺談 ARIA 地標

WAI-ARIA(Web Accessibility Initiative’s Accessible Rich Internet Applications  簡稱ARIA)， ARIA 是網頁的一種標籤，一般在視覺上不會有效果，但是搭配螢幕報讀軟體就能跳轉並報讀出 ARIA 標籤，對於螢幕報讀軟體的使用者而言，是很重要的定位點，有點類似早期台灣推行的「網頁導盲磚」，但此為 W3C 定義的通用規範。

以 NVDA 來說，使用單鍵瀏覽 D 就可以快速的在 ARIA 的地標(Landmark) 間跳轉，常見的地標種類(Landmark Roles)有：

• Banner 橫幅區地標
• Complementary 補充區地標
• Contentinfo 資訊區地標
• Form 表單地標
• Main 主要內容區地標
• Navigation 導航區地標
• Search 搜尋區地標
• Region 區塊地標
• Article 文章地標

每個地標後方放置相同類型的內容，會讓螢幕報讀軟體的使用者，更快的跳到目標區域。

在 html 的使用語法上，在物件屬性上標示 role="地標種類" 即可。

在瀏覽上，以常用的 Gmail 網站為例，主要地標及其後方物件為：

• 橫幅區：主選單、設定等
• 搜尋區：搜尋編輯區
• 導航區：收件匣、寄件備份、信件標籤等
• 主要內容區：信件列表、信件內容等
• 資訊區：剩餘容量等。
• 補充區：日曆、 Keep 等其他 Google 功能連結。
• 導航區：隱藏側邊面版按鈕。

好的 ARIA 地標能減少使用障礙，不好的 ARIA 地標會比沒有 ARIA 地標更糟(No ARIA is better than Bad ARIA)。

Enhanced Aria 是 NVDA 增強對 ARIA 地標控制功能的附加元件，安裝後可自行定義 NVDA 要報出哪些地標，在偏好設定的 Enhanced Aria settings 有以下核取方塊可勾選，決定是否跳轉這些地標：

• Report banners 橫幅區地標
• Report main content 主要內容區地標
• Report search forms 搜尋區地標
• Report forms with form role 表單角色
• Report navigation areas 導航區地標
• Report complementary content 補充區地標
• Report content info areas 資訊區地標
• Report articles 內嵌文章
• Report other labelled regions 其他標籤區塊

相關連結

• ARIA 簡介
• Enhanced Aria
• WAI-ARIA 小註解
• 前端的基礎修養：aria-label
• 基本表單應用
• WAI-ARIA Authoring Practices 1.1
• ARIA角色的定義
• 使用ARIA實現“無障礙訪問”
• 我看到地標了……但不是101
• 一探無障礙網頁的定位點（導盲磚）
• [NCC] 什麼是定位點(原名導盲磚)?
• [NCC] 定位點(:::)設定連結時，Firefox與IE瀏覽器瀏覽時的差異。
• [NCC] 網站無障礙規範2.0版
• [NCC] 檢測碼與稽核評量碼