Accessibility
Guidelines

2.5.5 ターゲットのサイズを理解する

適合レベル

AAA

※各レベルについては適合レベルとはをご覧ください

概要

タップやクリック可能な領域が小さいと、誤タップや押しづらさにつながる。
そのため、タップやクリック可能な領域を44px × 44px以上を担保する。

ただし、以下のような場合は例外とする。

  • 段落や文章の中のテキストリンク
  • ボタンのサイズが小さい場合はタップ領域と余白を含めて44pxでも構わない

具体例

  • メールアドレスの入力が必要なAmebaの会員登録フォーム。高さ40pxの「認証コードを送る」ボタンが配置されている。
    Bad 「送信」ボタンのタップ領域(高さ)が44px × 44pxを満たしていない。
  • メールアドレスの入力が必要なAmebaの会員登録フォーム。高さ48pxの「認証コードを送る」ボタンが配置されている。
    Good 「送信」ボタンのタップ領域が44px × 44pxを満たしている。

テスト・チェック方法

  • 企画時、デザイナー・エンジニアによるレビュー
  • マークアップ実装時、コードレビューによるチェック

参考文献