ARIA 指南
無障礙富因特網應用 (ARIA) 定義了使網路對殘障人士更無障礙的方法。本頁列出了可用於幫助提高網頁功能的無障礙性的指南,例如表格、表單和鍵盤導航。
- ARIA 即時區域
使用 JavaScript,可以在不要求整個頁面重新載入的情況下動態更改頁面的部分內容——例如,即時更新搜尋結果列表,或顯示一個不需要使用者互動的離散警報或通知。雖然這些更改通常對能看到頁面的使用者來說是顯而易見的,但對於使用輔助技術的使用者來說可能不那麼明顯。ARIA live regions 填補了這一空白,並提供了一種以輔助技術可以播報的方式以程式設計方式公開動態內容更改的方法。
- ARIA 螢幕閱讀器實現指南
這只是一個指南。Live region 標記是一個複雜區域,在某種程度上可以被解釋。以下內容旨在提供尊重螢幕閱讀器開發人員嘗試不同事物的需求的實現指南。目的是在提供關於如何使用標記的預期含義的有益指導的同時,支援 live regions 作為螢幕閱讀器進行創新和競爭的領域,從而取得平衡。
- 多部分標籤:使用 ARIA 為包含嵌入式欄位的標籤
您有一個表單,您向用戶提問,但答案本身就在問題中。我們在瀏覽器設定中都熟悉的一個經典例子是“幾天後刪除歷史記錄”的設定。“刪除歷史記錄,在”位於文字框的左側,“x”是數字,例如 21,然後是“天”這個詞,這些構成了易於理解的句子。
- 使用 ARIA:角色、狀態和屬性
ARIA 定義了可以應用於元素的語義,這些語義分為 角色(定義使用者介面元素的型別)和由角色支援的 狀態 和 屬性。除非元素已經具有適當的 ARIA 語義(透過使用適當的 HTML 元素),否則作者必須在其生命週期中為元素分配 ARIA 角色以及適當的狀態和屬性。新增 ARIA 語義只會向瀏覽器的無障礙 API 公開額外資訊,而不會影響頁面的 DOM。
另見
- 設計無障礙表單
- 理解 WAI-ARIA 基礎知識
- 建立鍵盤可導航的 JavaScript 小部件
- 使用 ARIA 為包含嵌入式欄位的標籤
- 管理複合小部件中的焦點 (
aria-activedescendant與 迴圈 tab 鍵索引) - 測試 ARIA
- 顯示無障礙表格
- 標記小部件
- 地標角色
- ARIA 即時區域
- HTML Drag and Drop API
- ARIA: presentation 角色