實作課程 · Readable and Accessible Websites

讓網站好讀又好操作

用貓掌櫃的商品頁與候補表單,練習文字閱讀、鍵盤操作、圖片說明與動態設定;人工操作搭配工具檢查,留下具體改善紀錄。

4 章·一個案例帶到底·每章都有驗收清單·進度存在你的瀏覽器

練習專案

貓掌櫃官網

一份閱讀與操作問題清單,以及改善前後的人工檢查紀錄。
  • 先有可在本機開啟的官網,挑選商品頁、導覽與候補表單作為檢查範圍。
  • 工具掃描與本課的初步檢查不能代表完整無障礙符合性評估;記錄實際範圍,保留未測項目。
  • 站內互動是明確標示的教學示範,不會連到你的專案、改動真實設定或上傳資料。每章請在自己的練習專案操作,依驗收清單留下結果。
把字放大,內容仍然好讀檢查字級、對比、標題層級與手機版面,先讓重要內容能被看見與理解。未開始不用滑鼠,也能完成操作用 Tab、Enter、空白鍵與 Esc 走過導覽、對話框和表單,檢查焦點可見與操作順序。未開始讓圖片和欄位說得清楚圖片替代文字要傳達用途,欄位標籤要正確連結;錯誤訊息也要能被輔助工具辨識。未開始動態可以減少,資訊不能消失尊重減少動態效果的設定,配合人工檢查與掃描,留下已改善與待處理的紀錄。未開始