什麼是焦點提示？讓鍵盤使用者知道目前在哪裡

Focus Indicator

焦點提示讓鍵盤使用者知道目前操作位置。若 focus 樣式被移除或不明顯，使用者會迷失在頁面中。

最後更新: 2026年9月30日

重點摘要

用 Tab／Shift+Tab 進出元件；頁籤、選單等複合元件內依其操作模式使用方向鍵。不是每個子項目都需要獨立 Tab 停靠點。每次移動時確認目前焦點可見，並檢查固定頁首、浮動訊息與捲動容器有沒有遮住它。

例如按鈕外圍新增清楚的焦點框，能比只微調底色更容易辨識。但仍要在按鈕實際所在的背景、深淺色主題與放大畫面中檢查，不以單張截圖代替操作。

AA：2.4.7 要求鍵盤操作有可見焦點；2.4.11 要求取得焦點的控制項不能被作者建立的內容完全遮住。「完全不遮住」是更高要求，不是這項 AA 的原文。作者自訂焦點提示另須依 1.4.11 確認與相鄰顏色的對比，並注意原生外觀例外。

AAA：2.4.13 另外要求足夠的焦點指示面積，以及同一位置像素在有焦點／無焦點時至少 3:1 的變化。面積基準相當於 2 CSS px 厚的周長，但不強制只能畫成外框；瀏覽器預設且未修改等情況另有例外，詳見原始準則。

可以移除瀏覽器預設 outline 嗎？

可以，但必須提供同等或更清楚的替代焦點樣式。