依 WCAG 的表單標記
每個表單欄位都必須有以程式方式關聯的標籤,讓螢幕報讀器使用者知道要填什麼,且點按標籤即可聚焦欄位。
正確做法
<label for="email">電子郵件</label><input id="email"> — 或將欄位包在 <label> 內。只有在無法提供可見標籤時,才用 aria-label/aria-labelledby。
為何 placeholder 不足夠
placeholder 在輸入時消失,對比常過低,且部分螢幕報讀器不會將它辨識為標籤。
錯誤訊息
將錯誤與欄位關聯(aria-describedby),並具體撰寫文字(「請輸入有效的電子郵件」,而非「錯誤」)。
a11yglass 如何協助
免費掃描會檢查所提供的 HTML 與 CSS,尋找可自動辨識的 WCAG 違規, 並為每項發現標明成功準則與一個具體步驟。它可找出約 20–35% 的 問題,不能取代完整評估。
繼續閱讀
依現有知識提供的一般資訊,非法律諮詢。個別情況請洽詢專精於資訊科技法的律師事務所。