All touch targets must be 24px large, or leave sufficient space
Need accessibility training?
Compliance Data & Impact
修正方法
Correct markup solutions
Touch target has sufficient size or spacing
<button style="font-size: 24px">Submit</button>
<button>+</button>
<button style="margin-left: 10px">Adjacent Target</button>Incorrect markup solutions
Touch target unobscured size is too small and is too close to another touch target
<button id="target">+</button>
<button style="margin-left: -10px">Adjacent Target</button>なぜ重要なのか
Touch targets must have sufficient size and spacing in order to "be easily activated without accidentally activating an adjacent target." When touch targets are too small or too close together, it becomes difficult for users to activate them.
Having targets with sufficient size - or failing that, sufficient target spacing - can help all users who may have difficulty in confidently targeting or operating small controls. Users who benefit include, but are not limited to:
- People who use a mobile device where the touch screen is the primary mode of interaction;
- People using mouse, stylus or touch input who have mobility impairments such as hand tremors;
- People using a device in environments where they are exposed to shaking such as public transportation;
- Mouse users who have difficulty with fine motor movements;
- People who access a device using one hand;
- People with large fingers, or who are operating the device with only a part of their finger or knuckle.
See
Understanding Success Criterion 2.5.8: Target Size (Minimum)
for more information, examples, and exceptions.
ルールの説明
Touch targets must be at least 24 by 24 CSS pixels in size. Size is computed by taking the largest unobscured area of the touch target. If the size of the target is insufficient, then it must be at least 24 CSS pixels away from any other touch target.
仕組みについて (簡単に言うと)
Check the unobscured size of the touch target and distance to other touch targets.
リソース
Deque University コースのページ (要登録)
関連するコース情報はありません。
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
あなたの回答は次のとおりです。
フィードバックが提出された日付/時刻: