2次元x/y軸平面入力に対する適切なアリアの役割と振る舞いはどのようなものでしょうか？

Question

私は、x/y軸平面と、ユーザーが平面内で動くことができるナブを提示するコンポーネントを持っています。ここでのアクセシビリティのいくつかの側面はかなり単純です。キーボード上/下/左/右は、一定の間隔でナブを動かして、x/y値を適切な方向に増加させる必要があります。 2次テキスト入力があっても、ユーザーが支援技術を採用しているかどうかにかかわらず、ウィジェット固有のこれらの動作は役立ちます。

しかし、私はこれをアリア側でどのようにマークするべきかを調査し始めたとき、適切な役割/役割が何であるべきか、あるいは利用可能な機能を伝える最良の方法が何であるかはわかりませんでした。それは、単一の軸スライダに特異的であってもよいようにMDNに説明するように、スライダーの役割はそうしかし https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_slider_role

：役割の

最も近い一致は「スライダー」であるように思われました。

Answer 1

スライダは実質的に1Dのみであるため、適切な役割ではありません。

これを理解するには、ARIA 1.1のスライダの説明をお読みください。 http://www.w3.org/TR/wai-aria-1.1/

説明では何も（2Dがそうでないポイントのために）あなたは、単純な数値以外の何かを使用することができ、値の比較は、ユニークかつ合計であることを言及していない、それはまた次のように読み取ります

ロールスライダーで

要素は、それが水平の水平方向の

の暗黙のARIA-orientationの値を持っています。それは確かに垂直かもしれません。間違いなく同時に両方ではありません。

ちなみに、デフォルトではJawsはスライダーの「右のスライダーを左右に動かします。左右の矢印キーを使って値を調整してください。

あなたが離散的な平面にいた場合、私はgrid/row/gridcellを提案していました。しかし、連続した飛行機（またはほとんど）の座標を選択しているので、 あなたのケースは特別な/自由なものではありません。あらかじめ定義されたARIAレシピがありません。

本当に適切な役割がないような場合は、おそらくあなたのコンポーネントの役割を全く示さないことが最善の方法です。 したがって、支援技術は、あなたのコントロールが実際ではないことを彼に伝えたり、その使い方を誤って示すことによって、ユーザーを混乱させることはありません。おそらく、間違ったものよりも兆候はないでしょう。

もちろん、コンポーネントにラベルを付けてフォーカスを合わせ、キーボードを使用できるようにするには、まだaria-label/aria-labelledbyを使用する必要があります。 また、正確なキーボードの使用方法を示すことで、定義済みの役割がないことを理想的に補う必要があります。このためには、aria-describedby（コントロールがフォーカスされるたびに読み込まれる可能性があります）を短くしてください。必要に応じて/コントロールがかなり複雑な場合は、プレーンテキストの別の場所で長く説明してください。

本当に複雑すぎる場合は、受け入れ可能な代替入力を提供して同等の可能性を提供する限り、放棄することもできます。カラーチューザーの場合は、RGB値を入力するか、または#XXXXXXコードが確実に許容可能で、十分な代替入力手段になります。