讓網站好讀又好操作 · 第 04 章
動態可以減少,資訊不能消失
尊重減少動態效果的設定,配合人工檢查與掃描,留下已改善與待處理的紀錄。
貓老闆的簡報
我想讓大家看商品,不想讓一段動畫把人擋在門口。
——貓掌櫃官網的老闆「掌櫃」下需求時的原話
這章做什麼
補齊減少動態效果的替代呈現,完成此次改善的驗收表。
動手做
- 開啟作業系統的減少動態效果偏好,再實際瀏覽網站,檢查進場、視差與自動播放效果。
- 關閉非必要動畫後仍要顯示內容與操作回饋;必要的等待提示可用靜態文字說明,不靠閃爍。
- 用工具掃描本次頁面,逐項確認結果是否真有問題,與閱讀、鍵盤、表單的人工檢查一起記錄。
- 留下頁面、裝置、工具、日期與未測項目;初步檢查不能推定整站符合所有無障礙要求。
親手試試
模擬:卡片可淡入,但文字與連結始終可讀可操作。
模擬:直接顯示卡片,不播放進場與視差;處理中仍用文字回報。
這是替代呈現示範,請到自己的網站切換系統偏好實測。
這樣對 AI 說
中文就可以
請檢查本次頁面的減少動態效果設定,讓重要內容預設可見;停用非必要動畫時保留操作與載入回饋。把工具掃描和人工的閱讀、鍵盤、表單結果整成一份表,逐項列實際證據、已修復和待確認。不要把掃描零問題寫成完整無障礙認證。
本章驗收清單
請在自己的練習專案實際操作,再依結果逐項確認。
- 減少動態效果時重要內容仍可見
- 載入與錯誤回饋不依賴動畫
- 工具結果有人工作過判讀
- 檢查範圍與未測項目有紀錄
這章的相關詞條
詞條頁都有可以動的示範——卡住的時候,去把名詞弄清楚,回來繼續做。
進度只存在這台瀏覽器,不上傳、不追蹤。