Target Size ・ 免費本機工具

觸控目標尺寸稽核器

依元件量測清單檢查寬、高與相鄰間距,輸出觸控目標通過狀態及修正建議。

資料不上傳支援手機操作支援主題切換

觸控目標尺寸稽核器是什麼?

依元件量測清單檢查寬、高與相鄰間距,輸出觸控目標通過狀態及修正建議。ToolHub 將核心運算完整放在瀏覽器內,讓桌面與行動裝置都能立即使用,不必註冊帳號,也不必將內容傳送到後端。

如何使用這個工具?

  1. 依欄位提示輸入資料並選擇需要的處理方式。
  2. 按下「立即處理」,查看結果、指標摘要與必要的錯誤提示。
  3. 確認內容符合實際需求後,可複製結果或下載成檔案繼續使用。

適合的使用情境

手機版 QA、設計標註、元件驗收與 WCAG 前置檢查。所有處理都在目前分頁完成,特別適合不希望將內部資料貼到遠端服務的工作流程。

結果判讀與注意事項

量測值需來自實際版面;縮放、瀏覽器工具列與裝置差異仍應實機確認。工具會驗證基本輸入格式並提供可讀的錯誤訊息,但正式環境仍應依來源規格、業務規則或專業要求再次確認。

瀏覽器與裝置支援

觸控目標尺寸稽核器支援目前版本的 Chrome、Edge、Firefox 與 Safari;手機與桌面會使用不同欄位排列,實際輸出規則以本頁列出的輸入規格為準。

常見問題

觸控目標尺寸稽核器會把資料上傳到伺服器嗎?
不會。工具功能直接在目前瀏覽器分頁內執行,輸入與產生結果不會由 ToolHub 上傳或保存。
觸控目標尺寸稽核器適合哪些使用情境?
手機版 QA、設計標註、元件驗收與 WCAG 前置檢查
使用觸控目標尺寸稽核器前需要安裝軟體嗎?
不需要。使用支援現代 JavaScript 的桌面或行動瀏覽器即可操作,也不需要建立帳號。
這個工具有哪些限制?
量測值需來自實際版面;縮放、瀏覽器工具列與裝置差異仍應實機確認。
產生結果後還需要人工檢查嗎?
需要。工具可協助完成計算、轉換或格式整理,但正式上線、匯入資料或做出商務決策前,仍應依實際規格複核結果。

觸控目標尺寸稽核器的輸入、輸出與可重現範例

依元件量測清單檢查寬、高與相鄰間距,輸出觸控目標通過狀態及修正建議。

本頁實際處理的資料

欄位控制型態預設範例檢查方式
最小目標尺寸 px數值44工具執行前會先讀取「最小目標尺寸 px」並依數值型態檢查。
最小相鄰間距 px數值8工具執行前會先讀取「最小相鄰間距 px」並依數值型態檢查。
元件量測清單多行文字主要按鈕 | 48 | 48 | 12 次要圖示 | 32 | 32 | 6 導覽連結 | 44 | 28 | 10工具執行前會先讀取「元件量測清單」並依多行文字型態檢查。

重現內建範例

先使用「最小目標尺寸 px = 44;最小相鄰間距 px = 8;元件量測清單 = 主要按鈕 | 48 | 48 | 12 次要圖示 | 32 | 32 | 6 導覽連結 | 44 | 28 | 10」執行觸控目標尺寸稽核器,再一次只調整一個欄位,便能追蹤該輸入對結果的影響。

「最小目標尺寸 px、最小相鄰間距 px、元件量測清單」通過檢查後,頁面會在結果工作區顯示輸出,並依工具能力開放複製或下載。

適用情境與結果判讀

手機版 QA、設計標註、元件驗收與 WCAG 前置檢查

使用限制與正式採用前檢查

量測值需來自實際版面;縮放、瀏覽器工具列與裝置差異仍應實機確認。

頁面驗證紀錄

已盤點控制項3 個已文件化輸入結果流程驗證 → 處理 → 判讀 → 複製/下載最近內容檢查2026-09-02