Target Size・無料ローカルツール

Touch Target Layout Auditor

component measurement list に従って width、height、adjacent spacing を確認し、touch target の合否と修正案を出力します。

アップロードなしスマートフォン対応テーマ切替対応

Touch Object Size Auditor とは何ですか?

コンポーネントの測定一覧に基づいて幅、高さ、隣接間隔を確認し、タッチターゲットの合否と修正案を出力します。ToolHub の主要計算はすべてブラウザ内で完結するため、デスクトップとモバイルの両方ですぐ利用でき、アカウント登録や内容のバックエンド送信は必要ありません。

このツールの使い方は?

  1. field prompt に従って data を入力し、必要な processing method を選択します。
  2. 「Process Now」をクリックすると result、indicator summary、必要な error message を確認できます。
  3. 内容が実際の要件を満たすことを確認したら、result を copy するか file として download して利用できます。

適したユースケース

モバイル QA、デザイン注釈、コンポーネント受入、WCAG の事前検査に利用できます。処理はすべて現在のページ内で完結するため、社内データを外部サービスへ送信したくないワークフローに適しています。

結果の解釈と注意事項

測定値は実際のレイアウトから取得する必要があります。ズーム倍率、ブラウザーのツールバー、端末差などの影響は実機でも確認してください。ツールは基本的な入力形式を検証し、分かりやすいエラーメッセージを表示しますが、本番利用では元の仕様、業務ルール、専門要件に照らして再確認してください。

ブラウザーとデバイスの対応状況

Touch Target Layout Auditor は、現行版の Chrome、Edge、Firefox、Safari に対応しています。モバイル版とデスクトップ版は、このページに記載された同じ検証ルールを使用します。

よくある質問

the touch object size auditor はデータをサーバーへアップロードしますか?
いいえ。ツールの機能は現在のブラウザータブ内で直接実行され、ToolHub が入力内容や生成結果をアップロード・保存することはありません。
Touch Target Size Auditor はどのような用途に適していますか?
モバイル QA、デザイン注釈、コンポーネント受け入れ、WCAG 事前チェック
Touch Target Size Auditor を使う前にソフトウェアのインストールは必要ですか?
追加準備は不要です。modern JavaScript に対応した desktop / mobile browser があれば利用でき、account も不要です。
このツールにはどのような制限がありますか?
測定値は実際のレイアウトから取得する必要があります。ズーム、ブラウザーのツールバー、端末差による影響は実機でも確認してください。
結果生成後に手動確認は必要ですか?
必要です。ツールは計算、変換、整形を支援できますが、公開、データ取り込み、業務上の意思決定を行う前には、実際の仕様に沿って結果を再確認してください。

Touch Target Layout Auditor:入力、出力、再現可能な例

無料の Touch Target Layout Auditor をオンラインで利用できます。高速でプライバシーに配慮し、モバイル対応で、処理はブラウザ内で直接行われます。

このページが実際に処理する内容

フィールド制御既定の例検証ロール
最小ターゲットサイズ px数値44Minimum target size px は、ツール実行前にブラウザから数値として読み取られます。
最小隣接間隔 px数値8Minimum adjacent spacing px は、ツール実行前にブラウザで number 値として読み取られます。
コンポーネント測定一覧複数行テキストInput 3Component measurement list は、ツール実行前にブラウザによって複数行テキスト値として読み取られます。

組み込み例を再現します

Minimum target size px = 44、Minimum adjacent spacing px = 8、Component measurement list = Input 3 から始め、Touch Target Layout Auditor を実行します。結果への影響を追跡できるよう、入力は 1 項目ずつ変更してください。

minimum target size px、minimum adjacent spacing px、component measurement list を検証した後、結果を出力ワークスペースへ表示し、コピーまたはダウンロード操作を有効にします。

いつ使うべきか、結果をどう解釈するか

モバイル QA、デザイン注釈、コンポーネント受入、WCAG の事前検査に利用できます。処理はすべて現在のページ内で完結するため、社内データを外部サービスへ送信したくないワークフローに適しています。

使用前の制限とチェック

測定値は実際のレイアウトから取得する必要があります。ズーム倍率、ブラウザーのツールバー、端末差などの影響は実機でも確認してください。ツールは基本的な入力形式を検証し、分かりやすいエラーメッセージを表示しますが、本番利用では元の仕様、業務ルール、専門要件に照らして再確認してください。

ページ検証記録

検査済みコントロール文書化された入力 3件結果パスValidate → process → review → copy/download最終コンテンツレビュー2026-09-02