DevCheck 練習頁

怎麼練習

1. 在這一頁打開 DevCheck，選「掃描」→「掃描這個頁面」。還沒安裝的話，先到 DevCheck 介紹頁安裝。
2. 在結果中找到「按鈕沒有名稱」（button-name）和「圖片沒有替代文字」（image-alt）。點選元素項目，DevCheck 會在頁面上標示它的位置。
3. 按下「套用修正」：示範區的按鈕會有看得到的文字，圖片會有替代文字，報名狀態也不再只靠顏色。
4. 再掃描一次，確認這兩項問題已經消失。
5. 選做：在「情境模擬」開啟綠色盲模擬，比較修正前後的「可報名」與「已額滿」；也可以按 Tab，確認每個按鈕都能用鍵盤到達。

掃描沒有發現問題，不代表整頁都符合 WCAG；「需要人工確認」的項目仍要自己判斷。