什麼是觸控目標大小？

觸控目標大小關注按鈕、連結與互動元件是否有足夠可操作區域，讓使用者不容易誤觸或按不到。WCAG 2.2 對最小目標尺寸提出新的成功準則。

重點摘要

互動元件太小，不只是不方便。對手部顫抖、精細操作困難、使用觸控螢幕、螢幕放大或在移動中操作的人來說，太小的目標會直接造成任務失敗。

常見問題包括圖示按鈕可點區域太小、相鄰連結太近、表單控制項難以選取、行動版列表每列互動區域不足。

設計稿上的圖示可能只有 16 或 20px，但實際按鈕可以透過 padding 提供更大的可操作區域。反過來說，視覺看起來像大按鈕，也可能只有文字本身可點。

因此檢查時要看 DOM、CSS、可點擊範圍、相鄰間距與鍵盤焦點外觀，而不是只看畫面尺寸。

UI Kit 的價值在於把常見互動元件的基本尺寸、狀態與鍵盤行為做成一致模式，降低每個專案重複犯錯的機會。

DevCheck 則適合在目前頁面做初步檢查，協助需要檢查頁面的人發現觸控目標、焦點與互動狀態是否值得人工確認。

只要按鈕看起來夠大就可以嗎？

不一定。需要確認實際可操作區域、相鄰元件距離與不同輸入方式下的操作結果。

觸控目標大小只影響手機嗎？

不是。滑鼠、觸控板、觸控螢幕、螢幕放大與手部操作困難都可能受到目標大小影響。