觸控目標大小

使用者可以點選、輕觸或產生互動的所有螢幕元素都必須設為適當大小,讓使用者能夠輕鬆互動。你不妨將這些元素的寬度和高度設為 48dp 以上,如同質感設計無障礙功能指南中所述。

導入作業

設計

觸控目標包含可回應使用者輸入動作的區塊。觸控目標的實際範圍會超出元素的圖像邊界:圖示等元素可能僅顯示為 24x24dp,不過在加上邊框間距之後,觸控目標大小就有可能變為完整的 48x48dp。在 Jetpack Compose 中,CheckboxSwitch 等 Material 元件會自動新增邊框間距,確保大小至少為 48x48dp。在某些情況下,如極小且過於靠近的按鈕,元素展開時就會造成可觸控區塊重疊。

建議將觸控目標大小設為 48x48dp 以上,並至少將間隔大小設為 8dp,藉此確保資訊密度與可用性能達到平衡。無論螢幕大小為何,48x48dp 觸控目標的實際顯示大小約為 9 公釐。如為觸控螢幕物件,建議目標大小為 7 至 10 公釐。

如需相關範例,請參閱質感設計無障礙功能指南

測試

如要手動驗證應用程式的使用者介面不含尺寸過小的觸控目標,請按照下列指示操作:

  1. 開啟應用程式。
  2. 找出介面中所有可點選、輕觸或產生互動的元素。
  3. 確定各項元素的大小均為 48x48dp,或是各個維度皆為 9 公釐左右。

Android 的自動測試工具可以偵測出尺寸過小的觸控目標。你可以使用 Android 專用無障礙功能檢查工具,手動測試裝置中的應用程式。如要進行自動測試,請啟用 EspressoRobolectric 中的無障礙程度檢查功能。

11049317156572561720
true
搜尋說明中心
true
true
true
true
true
717068
搜尋
清除搜尋內容
關閉搜尋
主選單
false
false
false