2017-03-02 13 views
0

いくつかのチェックボックス/ラジオボタンが選択されているときに、いくつかの隠しテキスト/要素(何でも)を表示したいと思います(選択するチェックボックス/ラジオボタンのリストがあるとします)。ラジオボタンやチェックボックスでのカスタム動作。アクセシビリティ(WCAG 2.0)

WCAG 2.0 AA基準を満たすにはどうすればよいですか?

そして、ラジオボタン/ラジオボタンの動作とは明らかに異なるので、ラジオボタン/チェックボックスをATユーザーがどのように理解しているかは明らかです。

ありがとうございます!

答えて

1

あなたの最後の声明は私にポーズを与えます:"明らかにこれは想定されるチェックボックス/ラジオボタンの動作ではないので、ラジオボタン/チェックボックスはATユーザーがどのように理解しているのですか?

ラジオ/チェックボックスに標準でない動作がある場合は、目に見えるユーザーも混乱するでしょうか?

「通常の」動作するラジオ/チェックボックスを使用すると、ATユーザーは遭遇した人のようにそれらを理解します。ラジオは相互に排他的な選択肢のグループであるのに対して、チェックボックスのリストは複数の選択を可能にします。スクリーンリーダーはオブジェクトの役割を読み取るので、ATユーザーは何をすべきかを知ることができます。

これらの選択に基づいてオブジェクトを表示/非表示にする場合は、ATユーザーに通知する必要があります。これは通常aria-liveで行われます。デフォルトでは、テキストが変更されたり、オブジェクトがDOMに追加されている場合は、aria-live領域が読み込まれます。表示されない場合は、非表示にする必要があります。オフスクリーンオブジェクトを画面上に動かすか、クリッピング矩形を変更するか、オブジェクトのサイズを変更して再表示すると、aria-liveは役に立ちません。

aria-relevantもご覧ください。デフォルトでは、値は 'additions text'です。これは上記の動作です。あなたがaria-live地域を他の条件で読む必要がある場合、aria関連の他の値を見てください。

関連する問題