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

首頁知識庫 › WCAG 準則

依 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% 的 問題,不能取代完整評估。

繼續閱讀

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