跳至主要內容
What's New

9.14: WCAG 2.2 成功準則 2.4.7 - 清晰可見的焦點

當焦點移到互動元素(例如連結、按鈕、表格輸入欄等)時,確保游標清楚顯示位置。例如,確保遊標在文字輸入欄內清晰可見,讓使用者知道在哪個位置開始輸入資料。

修正前

這個網上表格範例沒有清楚展示選取了那個輸入欄。

由於網頁沒有顯示游標位置,使用者無法確定焦點在那個輸入欄。

修正後

這個網上表格範例使用游標來顯示使用者在表格上的位置。

上圖所示,則可以看到一條垂直線,顯示焦點現處於第二個輸入欄,讓使用者確定他們在網頁上的位置。

WCAG 2.2 參考:

https://www.w3.org/WAI/WCAG22/Understanding/focus-visible