チェックリストの行全体をクリック可能にするか、チェックボックスとラベルのみにする必要がありますか？
フォームのチェックリストで、ラベルのテキストを超える空白はクリック可能にする必要がありますか？またはチェックボックスとラベルのみですか？ デモはこちら
- 選択
- 選択
- 選択
この問題を確認するには、少なくとも2つの方法があります。一方では、これらはcontrolsと呼ばれます。ランダムな（さらに悪いことに、空の）スペースに制御動作を提供すると、controlの概念全体に反します。
ただし、アクセス可能性のシナリオでは、場合によっては、少し「チート」してコントロールに大きな（非表示の）クリック領域を提供します。これは、神経障害（たとえば、ハンティントンの舞踏病、パーキンソン、一般的な振戦など。マウススティック、ヘッドワンドなど。
ただし、これは病気よりも治療が悪いため、空のスペースの列全体が相互作用を受け入れることを意味するものではありません。 ホワイトスペースは実際にはコントロールのように動作しているため]頭の杖が完全にイライラしていると想像してみてください。。簡単に言うと、追加のスペースの約15〜20％でうまくいくはずです。
ただし、これは障害のあるユーザーに限定されるだけでなく、その空白を使用してスクロールし、オプションをランダムに選択するタッチスクリーン上のユーザーにも影響します。さらに悪いことに、ユーザーが下にスクロールしているため、これらのオプションは見えなくなります。
結論
追加のクリック領域は有益かもしれませんが、大きすぎないでください。アクセシビリティの目的で特定の使いやすさを提供するのに十分な大きさです。
チェックボックスを大きくして、行の間にパディングを追加します。その場合は、チェックボックスをクリック可能にするだけで、行を気にする必要はありません。
行全体をクリックできるようにしたい場合は、視覚的なフィードバックを提供する必要があります（行の背景色を変更するなど）。そうでなければ、ユーザーはそれがクリック可能であることを知りません。
フィッツの法則によると、クリック領域が大きいほど、ターゲットの選択が速くなります。
ユーザーはあなたのチェックボックスをより速く選択するでしょう。ただし、それによってインターフェースで偶発的なクリックやその他のユーザビリティの問題が発生しないかどうかをテストする必要があります。