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以上のターゲットなら成功率が格段に上がり、オンラインバンキングも自分でできます。

チェックポイント

参考リンク