2017-10-04 3 views
1

いくつかのラジオボタンを無効にしたいユースケースがありますが、このラジオボタンを再び有効にする方法があります。無効な属性を使用すると、スクリーンリーダーはそのフィールドをスキップして重要な情報を認識しません。スクリーンリーダーがテキストを読み取って、それが無効であることをユーザーに示すような方法でラジオボタンを「無効にする」方法はありますか?

私は、標準ユーザー向けに引き続き機能する可能性のあるソリューションを探していますが、ほとんどのスクリーンリーダーでも互換性があります。

答えて

2

一部の少数のスクリーンリーダーだけが無効なラジオボタンをスキップします(eg. Jaws in Firefox for instance)。他の人はアイテムを発表するが、無効になっていると述べている。もちろん、後者の場合、要素は決して焦点を当てませんが、読書モードで発表されます。

あなたはすべてのスクリーンリーダーを処理し、選択不可能なオプションを発表したい場合、あなたは適切な徴候でプレーンテキストに置き換えることができます。

選択

<input type="radio" name="example value="1" /> 

選択不可:

<div>1 (disabled option, you should select XXX to enable this option)</div> 
+0

これは、素晴らしい提案。 O.P.がブートストラップ3を使用する場合、スクリーンリーダーの要素のみを表示するために['sr-only' class](https://stackoverflow.com/q/19758598/2729937)があります。 –

+0

ユーザーの大半はJawsまたはNVDAを使用していますが、どちらもこのスキップ動作を示しています。私はプレーンテキストでラジオを置き換えることは私たちのスクリーンリーダーユーザーのための実行可能な解決策であると思うので、私はこの考えが好きです。欠点は、私たちの目に見えるユーザーにとってこれは少し珍しいかもしれないということです。 スクリーンリーダーが使用されているかどうかを検出し、スクリーンリーダーユーザーのテキスト要素を表示し、無効なラジオボタンを他のユーザーに表示することができれば理想的です。 – bigtunacan

関連する問題