2.5.8 ターゲットのサイズ (最低限)

達成基準

インタラクティブなターゲット（リンクやボタンなど）のサイズを、最低でも24px × 24pxにする、またはそれと同等のスペースが確保されていること。

要件

項目	内容
レベル	AA（WCAG 2.2）
達成基準番号	2.5.8
最小サイズ	幅 24 CSS ピクセル × 高さ 24 CSS ピクセル
対象	ボタン、リンク、チェックボックス、ラジオボタンなど操作可能な要素

要件の詳細

以下のいずれかを満たせばOK

• ターゲット自体のサイズが24×24 CSSピクセル以上である
• ターゲットの周囲に24×24ピクセルのクリック可能エリアがある（透過でもOK）

例：適合／不適合

状況	評価	理由
スマホメニューのハンバーガーアイコンが16px角	不適合	小さすぎてタップが困難
リンクが20px角だが、余白含めて24pxのエリアがクリック可能	適合	実質的にタップしやすい
24px以上のアイコンボタン	適合	サイズ条件を満たしている

例外（この基準が適用されないケース）

以下のケースでは、24px未満でもOKです

ケース	説明
行内リンク	文章内にあるリンク（例：「こちらをクリック」）など、文脈上の制約があるもの
コントロール密度が高く、配置が難しい場合	表やグリッド内など
他のUIがすでに同じ機能を提供	例えば、音声コントロールなど別の方法がある場合
ユーザーがサイズをカスタマイズできる	自身で大きくできる設定がある

実装ヒント（CSS）

a.button {
  display: inline-block;
  min-width: 24px;
  min-height: 24px;
  padding: 8px 12px;
}

チェックリスト

• すべての操作対象が 24px × 24px 以上か？
• 小さいターゲットには周囲に十分な余白（padding）があるか？
• 例外（文章内リンクなど）であることが明確か？

利点

観点	内容
モバイル対応	指でのタップ操作のミスを減らせる
高齢者対応	細かい操作が苦手な人でも使いやすい
操作性向上	クリックやタップ時のストレスを軽減

まとめ

項目	内容
達成基準	2.5.8 ターゲットのサイズ（最低限）
達成レベル	AA（WCAG 2.2）
要件	最低 24×24 px の操作領域を確保すること
対象	ボタン・リンクなどのインタラクティブ要素
利点	誰もが操作しやすいUI設計が可能になる

一覧に戻る