3

そのため、NDVA スクリーン リーダーを使用してページを正常に動作させることができましたが、JAWS でテストすると、スパンにタブ移動しますが、テキストは読み取れません。

<span tabindex="0" title="whatever">whatever</span>

アップデート：

  • 私が達成しようとしているのは、私が構築しているサイトの特定のセクションを展開/折りたたむいくつかの要素があることです。ただし、これらの機能要素はリンクではありません。

  • @discojoe への返信 (返信ありがとうございます)

  • 属性を追加するTABINDEX="0"と、SPAN/DIV 要素が自然な順序でタブ リストに挿入されます (ただし、デフォルトでは、通常はタブ リストに追加されません)。これにより、スクリーン リーダーがその要素にタブで移動できるようになり、問題なく動作しています。具体的には、私の問題は、JAWSがその要素にタブで移動するだけで、それを読み取らないことです。
  • (n > 0)を使用TABINDEX="n"することは、タブ リストの自然な順序を台無しにする悪いことであり、私はそうしていません。
  • また、TABINDEX="-1"デフォルトで配置されている場合は、タブ リストから要素を削除するために使用できます (例: A または INPUT タグ)。
  • 私はすでにタグを使用してみましたが、ユーザーがこのリンクを入力して (onclick イベントをトリガーするために) ヒットすると、その要素に関連付けられたアニメーションを遅らせるページに対して何か (リロードではなく、再初期化のようなもの) が行われます。通常のユーザーと障害のあるユーザーの両方にとって、これは悪い経験だと思います。
  • A タグで # タグを使用すると、IE のページ タイトルにハッシュ タグが追加されます。
  • また、Aタグを使うとスクリーンリーダーが各要素の前後に「LINK」と読み上げてしまうのですが、実際にはリンクではないので、アクセシビリティに悪影響を与えていると感じています。
4

3 に答える 3

2

まず、標準の a href 要素ではなく span 要素を使用している理由を知りたいですか? あなたが達成したいのは何ですか？より多くのコンテキスト\コードを提供できると役立つ場合があります。

これを試したところ、同じ問題が発生しています。ドキュメントを矢印で移動してスパンを読み上げさせることはできますが、タブで移動して読み上げさせることはできません。

代わりに何かを使用する

<a href="#" onclick="javascript: return false;">Whatever</a>

正常に動作します。

tabindex 属性の使用に関しては、特にキーボード ユーザーの場合、追加の問題があります。tabindex 属性を使用するページでは、タブ フォーカスの順序は、最初に tabindex が指定されたすべての要素を通過し、次に、それが指定されていないすべての要素をソース コード順に実行します。

この問題を回避するには、キーボードでアクセス可能なすべての要素に tabindex を使用するか、それらの要素のいずれにも使用しないことをお勧めします。

この場合、tabindex を使用して、この 1 つの項目のキーボード アクセシビリティを提供するだけである可能性が高いため、前述のa hrefアプローチを使用する場合、この問題は無関係かもしれませんが、完全を期すために言及したいと思います。

于 2011-01-24T10:58:47.737 に答える