依 WCAG 2.4.7 的可見焦點
以鍵盤導覽的人必須隨時看得到哪個元素獲得焦點。outline: none 而不加替代方案就違反準則 2.4.7。
常見錯誤
重置 CSS 中的 *:focus { outline: none } 未加替代方案、對比過低的焦點樣式，或被下一個元素遮住的焦點框。
如何做對
使用 :focus-visible（僅在鍵盤操作時顯示焦點框）、至少 2 px、明確對比、留一點間距（outline-offset）。焦點框即使造成一些干擾也可以保持可見 — 就是不能沒有。
a11yglass 如何協助
免費掃描會檢查所提供的 HTML 與 CSS，尋找可自動辨識的 WCAG 違規， 並為每項發現標明成功準則與一個具體步驟。它可找出約 20–35% 的 問題，不能取代完整評估。
繼續閱讀
依現有知識提供的一般資訊，非法律諮詢。個別情況請洽詢專精於資訊科技法的律師事務所。