使用畫布應用程式即時區域公告動態變更

  • 發行項

動態變更會對視覺障礙者形成挑戰。 透過畫面控制項讀取器存取應用程式的使用者會集中在應用程式的一個部分。 如果別處發生變更，那些使用者將無法注意到。

您可以藉由新增即時區域、即畫面控制項讀取器追蹤功能解決這個問題。如果即時區域的內容有任何變更，畫面控制項讀取器將宣告變更。

即時區域的基礎機制是 aria-live 區域，因此適用相同指南。

即時區域的使用範例

當下列事件發生時，您可以使用即時區域通知使用者：

  • 表單中發生驗證錯誤。
  • 由按鈕觸發的動作已成功。 例如，使用者可以選取按鈕將項目新增至集合物件，而即時區域可能會顯示「項目已新增」的訊息。
  • 使用者選取不同的索引標籤。
  • 背景計時器會重新整理動態消息彙總。

建立和組態一個即時區域

您只能將**標籤** 控制項設定為即時區域。 它的 即時 屬性會判定即時區域的類型。

  • 關閉：非即時區域。 畫面控制項讀取器不會宣告變更。
  • 禮貌：畫面控制項讀取器在完成唸讀後宣告變更。 此值用於毋需立即注意的非危急通知。
  • 斷定：畫面控制項讀取器會自行中斷，立即宣告變更。 此值用於需要立即注意的危急通知。

如果即時區域的文字內容有所變更，畫面控制項閱讀器將宣告整個文字內容，而不只是已變更部分。 如果 Text 屬性值設定為空字串 ""，畫面控制項讀取器不會宣告任何事。

若要重複訊息，請將 文字 屬性值設定為空字串 ""，然後再將此值設定為訊息清除文字內容。

最佳作法

  • 始終將 可視覺化 設定為真。 某些畫面控制項讀取器不會偵測消失後再重新出現的即時區域。
  • 避免變更 即時 值。 某些畫面控制項讀取器在非即時區域成為即時的時候不會進行偵測，反之亦然。
  • 將即時區域定位在應用程式中的邏輯位置 (即使它看不到)。 確保其內容在前後元素的上下文中合理。 使用者可以透過畫面控制項讀取器的常規導覽存取即時區域，不只是發生變更時。

後續步驟

使用協助工具檢查程式

請參閱