web-dev-qa-db-ja.com

デスクトップでWCAG AAを満たすために、2つのクリックターゲット間に必要な最小スペースはどれくらいですか?

私はすでにこれらを見てきました:

1。WCAG 2.1 for Target size
2。Stack ExchangeのWebページのボタンサイズ
。ボタンのマテリアルデザインGoogleガイドライン
4。Stack ExchangeのUIコンポーネント間の間隔
5。提案SC W3Cのターゲットサイズ

これらのどれも、WCAG AAに準拠しながらデスクトップ上の2つのクリックターゲットの間に必要な最小間隔を特定するものではありません。 WCAGガイドラインでこれを定義するために使用されている用語が抜けているか、まだ定義されていません。これがまだ定義されていない場合、2つのクリックターゲット間にどのくらいのスペース(ピクセル単位)を維持する必要がありますか?

また、可能であれば、ボタン、入力ボックス、ラジオ、チェックボックスなどの関連するUI要素に必要な最小サイズと、デスクトップでAAに準拠するためのリンクをご案内してください。

2
Anand Geetey

私の知る限り、WCAG AAガイドラインで設定されているクリック可能な要素とタップ可能な要素の間に最小スペースはありません。あなたが許容できると思うものは残しておきます。

しかし、思考の糧となるガイドラインがいくつかあります。

BBCには、ボタンのサイズとパディングに関する独自のガイドラインがあります。ガイドラインは次のとおりです。 http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile/design/touch-target-size =。彼らは、7-10mm(約26px-37px)のタッチターゲットサイズを推奨し、モバイルではそれらの周りに7mmの除外ゾーン(パディング)を付けます。

44px x 44pxは、タップ可能なボタンの最小値に関するAppleのガイドラインです。これは、親指の先でボタンをタップするのに十分なはずです。 (全幅のサムプレスは72px x 72pxです)。

ボタンなどにはさまざまな測定値があるため、どの基準を満たしたいかによって異なります。詳細はこちらをご覧ください:

1
UIO