繁體中文
a11yglass · 網站無障礙檢測

首頁知識庫 › WCAG 準則

依 WCAG 的表單標記

每個表單欄位都必須有以程式方式關聯的標籤,讓螢幕報讀器使用者知道要填什麼,且點按標籤即可聚焦欄位。

正確做法

<label for="email">電子郵件</label><input id="email"> — 或將欄位包在 <label> 內。只有在無法提供可見標籤時,才用 aria-label/aria-labelledby。

為何 placeholder 不足夠

placeholder 在輸入時消失,對比常過低,且部分螢幕報讀器不會將它辨識為標籤。

錯誤訊息

將錯誤與欄位關聯(aria-describedby),並具體撰寫文字(「請輸入有效的電子郵件」,而非「錯誤」)。

a11yglass 如何協助

免費掃描會檢查所提供的 HTML 與 CSS,尋找可自動辨識的 WCAG 違規, 並為每項發現標明成功準則與一個具體步驟。它可找出約 20–35% 的 問題,不能取代完整評估。

繼續閱讀

依現有知識提供的一般資訊,非法律諮詢。個別情況請洽詢專精於資訊科技法的律師事務所。