跳到主要內容
  • 字級
:::|

4.1.3 AR2410301E 使用ARIA role=alert或aria-live來識別錯誤

稽核評量碼

AR2410301E

對應成功準則

4.1.3

對應認證等級

AA

對應國際技術碼

ARIA19

類別

ARIA

訊息

使用ARIA role=alert或aria-live來識別錯誤

英文訊息

ARIA19: Using ARIA role=alert or Live Regions to Identify Errors 

規則說明

需要將輸入錯誤時通知輔助技術(AT),使用aria-live屬性使將錯誤訊息注入“活動區域”(Live Region)容器。

檢測說明

程序

  1. 確定頁面載入時,DOM中存在空的錯誤容器role=alert或aria-live=assertive屬性。
  2. 觸發可導致在活動區域中的內容出現或更新的錯誤。
  3. 確定錯誤訊息已注入到已經存在的錯誤容器中。

 

預期結果

#1和#3為是。

說明

參考資源

  • WAI-ARIA Authoring Practices (https://www.w3.org/TR/wai-aria-practices/)
  • HTML5 Accessibility Chops: ARIA role=alert browser support (https://developer.paciellogroup.com/blog/2012/06/html5-accessibility-chops-aria-rolealert-browser-support/)
  • Form Labels, ARIA Examples (Experimental) (http://html.cita.illinois.edu/nav/form/aria/)
  • MSF&W Accessibility (http://www.msfw.com/accessibility/)
  • WAI-ARIA, Supported States and Properties, aria-describedby (https://www.w3.org/TR/wai-aria/#aria-describedby)
  • WAI-ARIA, The Roles model, alert (https://www.w3.org/TR/wai-aria/#alert)
  • HTML5, A vocabulary and associated APIs for HTML and XHTML (https://html.spec.whatwg.org/multipage/)