デスクトップのチェックボックスの「クリック可能」領域のサイズに関するガイドラインがあるかどうか疑問に思っています。私は開発者と話し合っていましたが、彼が製品をテストしているときに、チェックボックスを誤ってクリックすることがあります。そのため、既知のガイドラインがあるかどうか疑問に思いました。
上の画像では、暗い領域が現在のクリック領域です。マークされた領域の高さは24pxです。私自身、ミスクリックしたことはありません。テストしたユーザーも同様です。
タブレット/モバイルの場合、上記のチェックボックスは使用しません。モバイル/タブレットではサイズが大きく、多少異なります。モバイル/タブレットのチェックボックスは、最小タッチターゲットサイズなどのガイドラインに準拠しています。
これに関するテストを行ったことがあれば、ぜひ教えてください。
更新:クリストフの回答を通じて、マイクロソフトは 17pxのサイズ を提案していることがわかりました。しかし、彼らは理由に関する詳細を提供していません。おそらく誰かがAA基準の研究を見つけたでしょう。
slugoliciousの答えは、WCAG 2.1で導入された達成基準2.5.5が44 x 44ピクセルの最小ターゲットサイズを定義するという意味で正しいです。ただし、実際には Understanding Success Criterion 2.5.5:Target Size を見て、この達成基準の目的を説明する必要があります(強調は私のものです)。
この成功基準の目的は、ユーザーが小型ハンドヘルドタッチスクリーンデバイスのコンテンツにアクセスしている場合でも、ユーザーが簡単にアクティブ化できる十分な大きさのターゲットサイズを確保することです。器用さ、または他の理由で小さなターゲットをアクティブにするのに問題があります。たとえば、マウスや同様のポインティングデバイスはこれらのユーザーにとって使いにくい場合があり、大きなターゲットはターゲットをアクティブにするのに役立ちます。
タッチは、粗い精度の入力メカニズムであるため、特に問題があります。マウスやスタイラスなどの入力を使用する場合、ユーザーは同じレベルの細かい制御ができません。 指はマウスポインターよりも大きく、一般に、タッチ/アクティブ化されている画面上の正確な位置のユーザーの表示を妨げます。 (...)
44ピクセルの高さは、Webやデスクトップのチェックボックスやラジオボタンで非常に大きく、これがSC 2.5.5がレベルAAAである理由の1つです。これはレベルです。 すべてのウェブサイトに推奨されない :
一部のコンテンツについては、すべてのレベルAAA達成基準を満たすことができないため、サイト全体の一般的なポリシーとしてレベルAAAへの準拠を要求することはお勧めしません。
ただし、質問は、 desktop のチェックボックスのターゲットサイズについてであり、Webまたはモバイルデバイスについてではありませんでした。いくつかのオペレーティングシステムとウィジェットライブラリの開発者がデスクトップインターフェイスのガイドラインを作成しましたが、これらのガイドラインのいずれかでターゲットサイズの推奨事項を見つけることができませんでした。以下にいくつかの例を示します。
新しいWCAG 2.1の成功基準は " 2.5.5 Target Size "ですが、これはAAAに準拠しています。
ポインター入力のターゲットのサイズは、以下の場合を除き、少なくとも44 x 44 CSSピクセルです。
同等:ターゲットは、少なくとも44 x 44 CSSピクセルである同じページ上の同等のリンクまたはコントロールを介して利用できます。
Inline:ターゲットは文またはテキストのブロック内にあります。
ユーザーエージェントコントロール:ターゲットのサイズはユーザーエージェントによって決定され、作成者によって変更されることはありません。
必須:ターゲットの特定のプレゼンテーションは、伝達される情報に不可欠です。