Level AAWCAG 2.2
2.5.8 ターゲットサイズ(最低限)
ポインタ入力のターゲットサイズが24×24 CSS px以上。
なぜ重要か
運動障害
手の震えや精密動作の困難さで、小さなターゲットは正確にタップできない。
高齢者
加齢で指先の精密さが低下。24px未満のボタンは押し間違いの原因。
モバイル
タッチスクリーンでは指の接触面積が大きく、小さなターゲットは操作困難。
移動中
歩きながら・電車内での操作は手が揺れる。十分なターゲットサイズが安全策。
ライブデモ
タップターゲットサイズ
小さなボタンは操作が困難です。特にモバイルや運動障害のあるユーザーに影響します。
16×16px — タップが困難
サイズ計測オーバーレイ
24×24px 最小サイズグリッド
WCAG 2.2 の SC 2.5.8 では、ターゲットサイズの最小値が 24×24 CSS ピクセルと定められています。
16px不適合
24px最小基準
44px推奨
ペルソナで理解する
渡辺さん(72歳)— パーキンソン病
指の震えで小さなボタンを何度も押し間違えます。24px以上のターゲットなら成功率が格段に上がり、オンラインバンキングも自分でできます。