カテゴリー
単一コンポーネント
93

ホットスポットを広げる

表示されている矩形よりも広い範囲をタップ／クリック可能にする。

01
✕ Bad

テキストリンクの領域がテキストのみ

リンクをクリックしてみてください

詳細は こちら をご覧ください

※ 「こちら」の文字だけがクリック領域（狭い）

✓ Good

パディングを含めた広い領域がクリック可能

リンクをクリックしてみてください

詳細情報を見る

※ アイコン、テキスト、矢印、パディング全体がクリック領域

02
✕ Bad

チェックボックスの小さな四角だけが反応

チェックボックスをクリックしてみてください

メールマガジンを受け取る

※ 小さな四角だけが反応、ラベルは無効

✓ Good

テキストラベル全体がクリックでチェック可能

チェックボックスをクリックしてみてください

※ テキストラベル全体がクリックでチェック可能

03
✕ Bad

テキスト部分だけがクリック可能で余白は無反応

リスト項目をクリックしてみてください

受信トレイ
送信済み
下書き
ゴミ箱

※ テキスト部分だけがクリック可能、余白は無反応

✓ Good

行全体をクリックして選択できる

リスト項目をクリックしてみてください

受信トレイ
送信済み
下書き
ゴミ箱

※ 行全体をクリックして選択できる

No.93ホットスポットを広げる
93

ホットスポットを広げる

表示されている矩形よりも広い範囲をタップ／クリック可能にする。

01
✕ Bad

テキストリンクの領域がテキストのみ

リンクをクリックしてみてください

詳細は こちら をご覧ください

※ 「こちら」の文字だけがクリック領域（狭い）

✓ Good

パディングを含めた広い領域がクリック可能

リンクをクリックしてみてください

詳細情報を見る

※ アイコン、テキスト、矢印、パディング全体がクリック領域

02
✕ Bad

チェックボックスの小さな四角だけが反応

チェックボックスをクリックしてみてください

メールマガジンを受け取る

※ 小さな四角だけが反応、ラベルは無効

✓ Good

テキストラベル全体がクリックでチェック可能

チェックボックスをクリックしてみてください

※ テキストラベル全体がクリックでチェック可能

03
✕ Bad

テキスト部分だけがクリック可能で余白は無反応

リスト項目をクリックしてみてください

受信トレイ
送信済み
下書き
ゴミ箱

※ テキスト部分だけがクリック可能、余白は無反応

✓ Good

行全体をクリックして選択できる

リスト項目をクリックしてみてください

受信トレイ
送信済み
下書き
ゴミ箱

※ 行全体をクリックして選択できる