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

DC4頁面更新

規則識別碼

DC4

規則名稱

頁面更新

規則類型

原子規則

規則說明

不得在沒有警告的情況下使用自動頁面重整。

無障礙要求對應

網站無障礙規範

  •  2.2.2 暫停、停止和隱藏(檢測等級A)
    • 必須符合 WCAG 2.0和WCAG 2.1 A級或更高級別
    • 結果對應:
      • 任何失敗結果:不符合
      • 所有成功結果:需進一步測試
      • 未適用結果:需進一步測試

適用性

適用於動態內容。

期望

以下檢查正確:

螢幕內容不會自動重整或改變,或者焦點在物件、元件或控件之間移動時,不會自動重整或改變。

假設條件

當前沒有任何假設。

無障礙支援

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

測試案例:

作業系統

iOS

Android

HTML

範例說明

使用UIAccessibilityLayoutChangedNotification指出螢幕內容的更新。僅在整個螢幕改變時使用UIAccessibilityScreenChangedNotification。針對改變頻繁的內容(如股市行情跑馬燈)使用 UIAccessibilityTraitUpdatesFrequently。

典型的無障礙事件透過 sendAccessibilityEvent() 方法傳送,除非視窗或對話框開啟的情況,否則事件類型TYPE_WINDOW_STATE_CHANGED不會傳送。

不要使用setTimeout更新頁面的href屬性,也不要將meta標記的http-equiv屬性值設定為refresh。

成功範例原始碼

[stockTicker setAccessibilityTraits:UIAccessibilityTraitStaticText | UIAccessibilityTraitUpdatesFrequently];

//Typical accessibility events

sendAccessibilityEvent() method

 

// a window or dialog opens TYPE_WINDOW_STATE_CHANGED

<head>

    <title>This is appropriate</title>

</head>

<body>

    <p>Please reload this page!</p>

    <a href="...">Reload Page</a>

</body>

失敗範例原始碼

[stockTicker setAccessibilityTraits:UIAccessibilityTraitStaticText];

UIAccessibilityPostNotification(UIAccessibilityScreenChangedNotification, nil)

The event type TYPE_WINDOW_STATE_CHANGED is when text changes even though a new window or dialog does not open.

<body onload=setTimeout("location.href='http://www.bbc.com'", 5000)>

<p>...Information...</p>

</body>

 

<!-- or -->

<head>

    <title>Don't use this!</title>

    <meta http-equiv="refresh" content="5; http://www.example.com/newpage">

</head>

<body>

    <p>If your browser supports Refresh, you'll be transported to our

        <a href="http://www.example.com/newpage">new site</a>

        in 5 seconds, otherwise, select the link manually.</p>

</body>

測試程序

  1. 啟動螢幕報讀軟體。
  2. 瀏覽所有內容。
  3. 驗證整個螢幕沒有重整或更新。

參考詞彙:無

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

參考資源:
Page refreshes, 2019/2017 BBC行動裝置無障礙指南(MOBILE ACCESSIBILITY GUIDELINES)。