依 WCAG 2.1.1 的鍵盤操作
每項功能都必須能以鍵盤到達並觸發。這對自製的操作元件(用 div/span 加點擊處理程序取代 button/a)尤其重要。
常見錯誤
可點擊的 <div>/<span> 沒有 tabindex 與鍵盤處理程序、下拉選單只在 :hover 時出現、對話框沒有焦點管理、輪播沒有操作按鈕。
如何做對
使用內建元素(button、a、input)。無法使用時:role、tabindex="0" 以及處理 Enter/空白鍵的 keydown 處理程序。不要有鍵盤陷阱 — 必須也能離開。
自動檢測的界線
鍵盤操作只能透過實際互動來檢查 — a11yglass 的免費掃描不涵蓋此項。請只用 Tab、Shift+Tab、Enter、空白鍵與方向鍵,將頁面由上到下走過一遍。
a11yglass 如何協助
免費掃描會檢查所提供的 HTML 與 CSS,尋找可自動辨識的 WCAG 違規, 並為每項發現標明成功準則與一個具體步驟。它可找出約 20–35% 的 問題,不能取代完整評估。
繼續閱讀
依現有知識提供的一般資訊,非法律諮詢。個別情況請洽詢專精於資訊科技法的律師事務所。