讓網站好讀又好操作 · 第 04 章

動態可以減少,資訊不能消失

尊重減少動態效果的設定,配合人工檢查與掃描,留下已改善與待處理的紀錄。

貓老闆的簡報

我想讓大家看商品,不想讓一段動畫把人擋在門口。

——貓掌櫃官網的老闆「掌櫃」下需求時的原話

這章做什麼

補齊減少動態效果的替代呈現,完成此次改善的驗收表。

動手做

  1. 開啟作業系統的減少動態效果偏好,再實際瀏覽網站,檢查進場、視差與自動播放效果。
  2. 關閉非必要動畫後仍要顯示內容與操作回饋;必要的等待提示可用靜態文字說明,不靠閃爍。
  3. 用工具掃描本次頁面,逐項確認結果是否真有問題,與閱讀、鍵盤、表單的人工檢查一起記錄。
  4. 留下頁面、裝置、工具、日期與未測項目;初步檢查不能推定整站符合所有無障礙要求。

親手試試

模擬:卡片可淡入,但文字與連結始終可讀可操作。

模擬:直接顯示卡片,不播放進場與視差;處理中仍用文字回報。

這是替代呈現示範,請到自己的網站切換系統偏好實測。

圖 C6-04 切換呈現方式,確認減少動態時資訊與操作仍保留。

這樣對 AI 說

中文就可以
請檢查本次頁面的減少動態效果設定,讓重要內容預設可見;停用非必要動畫時保留操作與載入回饋。把工具掃描和人工的閱讀、鍵盤、表單結果整成一份表,逐項列實際證據、已修復和待確認。不要把掃描零問題寫成完整無障礙認證。

本章驗收清單

請在自己的練習專案實際操作,再依結果逐項確認。

  • 減少動態效果時重要內容仍可見
  • 載入與錯誤回饋不依賴動畫
  • 工具結果有人工作過判讀
  • 檢查範圍與未測項目有紀錄

這章的相關詞條

詞條頁都有可以動的示範——卡住的時候,去把名詞弄清楚,回來繼續做。

進度只存在這台瀏覽器,不上傳、不追蹤。