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

DT5流動排版

規則識別碼

DT5

規則名稱

流動排版

規則類型

原子規則

規則說明

確保內容響應設備螢幕大小自動調整,並避免二維捲軸。

無障礙要求對應

網站無障礙規範

  • 1.4.10流動排版 (檢測等級AA)
    • 必須符合 WCAG 2.0和WCAG 2.1 A級或更高級別
    • 結果對應:
      • 任何失敗結果:不符合
      • 所有成功結果:需進一步測試
      • 未適用結果:需進一步測試

適用性

適用於可辨識設計內容。

期望

將內容放大到300%以上時,使用者可以輕鬆閱讀內容,而不必橫向滾動即可閱讀。

假設條件

該頁面具有可見內容。

沒有其他可用的機制來調整文本內容的大小。

無障礙支援

桌上型電腦的瀏覽器會忽略視圖(viewport)meta元素,大多數現代的行動裝置瀏覽器默認會忽略視圖(viewport)元素,或者具有可縮放的無障礙選項。此規則與桌上型電腦的瀏覽器或大多數現代行動裝置瀏覽器都不相關。只有使用舊版行動瀏覽器的使用者才能遇到此規則測試的問題。

測試案例:

作業系統

iOS

Android

HTML

測試程序

  1. 啟動應用程式。
  2. 在全螢幕視窗上打開需要水平滾動的內容。
  3. 檢查內容中是否有選項可以切換到不需要使用者水平滾動以閱讀文字行的佈局。
  4. 啟動該選項。
  5. 檢查以確保不需要水平滾動即可讀取任何一行文字。

參考詞彙:無

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

參考資源:
1.4.10: Reflow,Web Content Accessibility Guidelines (WCAG) 2.1