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

DC3懸浮內容

規則識別碼

DC3

規則名稱

懸浮內容

規則類型

原子規則

規則說明

指標懸停時觸發的附加內容可由使用者移除或移動,指標可以在附加內容上移動,而且原內容不會消失。

無障礙要求對應

網站無障礙規範

  • 1.4.13 懸浮或焦點內容 (檢測等級AA)
    • 必須符合 WCAG 2.0和WCAG 2.1 A級或更高級別
    • 結果對應:
      • 任何失敗結果:不符合
      • 所有成功結果:需進一步測試
      • 未適用結果:需進一步測試

適用性

適用於動態內容。

期望

懸浮內容須可移動、開啟、關閉。

假設條件

當前沒有任何假設。

無障礙支援

此規則沒有已知的主要無障礙功能支援問題。

測試案例:

作業系統

iOS

Android

HTML

測試程序

  1. 開啟應用程式。
  2. 確認焦點可遊走至懸浮內容並讀取,其背景下程序不會因為懸浮內容消失。
  3. 確認遊走懸浮內容不會自動更新或閃退。
  4. 確認懸浮內容可由使用者關閉。

參考詞彙:無

變更記錄:20200817-第1次編撰。

參考資源:
1.4.13: Content on Hover or Focus,Web Content Accessibility Guidelines (WCAG) 2.1。