無障礙 (a) 規則 - 5

視訊和音訊

• 音訊和媒體檔案中應包含四種主要的替代媒體類型：字幕、文字記錄、音訊描述和手語翻譯。這些替代方案應基於：

  • 支援的媒體類型 - 僅音訊、僅視訊或視訊與音訊（多媒體）格式
  • 媒體是現場直播還是預先錄製
  • WCAG 合規定位的版本和等級
  • 任何其他與媒體相關的使用者需求

表格

領域

• 盡可能使用標準 HTML 元素和模式，而不是使用 ARIA 建立自訂元件。

不建議 — 使用 ARIA 自訂 HTML

<div role="form">



<h4>
  
  
  建議 — 標準 HTML
</h4>



<pre class="brush:php;toolbar:false">

• 應為欄位新增 HTML 自動完成屬性。

• 表單欄位在接收焦點或使用者輸入時不應產生上下文更改，除非使用者在使用元件之前已收到關於該行為的警告（例如，當欄位接收焦點或一旦使用者向欄位新增內容。 ）

標籤

• 確保每個表單欄位都有清晰、準確且以程式設計方式關聯的標籤。

描述

• 如果標籤或表單說明具有足夠的描述性，則可訪問性不需要欄位描述。

• 需要更多資訊時加入欄位描述以防止使用者錯誤。例如，包括密碼長度或特定日期格式（例如 MM-DD-YYYY）等輸入要求。

• 使用 aria-descriptedby 屬性將欄位描述連結到表單元素。這可確保螢幕閱讀器閱讀標籤和說明，從而提高使用者的清晰度。

錯誤

• 當表單發生錯誤時，立即告知錯誤。清楚地識別發生錯誤的字段，並向使用者提供簡潔的描述性文字解釋錯誤。

• 顯示錯誤訊息有不同的方法，例如：

  • 模態，內嵌在錯誤發生的地方
  • 頁面上方一則較大訊息中分組的錯誤集合

• 提示錯誤時請務必注意鍵盤焦點和 ARIA 即時區域選項。

• 只要有可能，就向使用者提供有關如何修復錯誤的詳細建議。有兩個屬性可用於通知使用者錯誤。

  • 您可以使用 HTML required 屬性。瀏覽器將根據提交的驗證參數提供通用錯誤訊息。
  • 或者您可以使用 aria-required 屬性向 AT 共用自訂錯誤訊息。只有 AT 才會收到該訊息，除非您添加額外的程式碼以使該訊息對所有使用者可見。

額外的成功標準

目標大小（最小）

持續的幫助

可存取的身份驗證

冗餘條目