問題タブ [nvda]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - IE でスクリーン リーダーを使用して代替テキストを読み取る方法
img
NVDA を使用していますが、要素の代替テキストがスクリーン リーダーで読み取られない理由を知りたいです。読まれるとは、スクリーン リーダーが代替テキストの内容を教えてくれるのを聞くことを意味します。
知っておくと便利なこと: IE を除いて、他のすべてのブラウザー (Chrome、FireFox、Safari など) では、これを実行しても問題はありませんでした。
次のダミー HTML コードを共有します。
参考までに:tabindex="0"
が配置されているので、キーボード フォーカスを使用できます。これは私にとって重要です。
E での画像の代替テキスト、IE での画像タグのアクセシビリティ、その他の問い合わせに関するドキュメントを読みました。悲しいことに、私は障害にぶつかり、IE の何が問題なのかを突き止めようとしています。
なぜこれが当てはまるのかについてのフィードバックは素晴らしいでしょう!
accessibility - href 属性が NVDA スクリーンリーダーによって読み取られないようにするにはどうすればよいですか?
IE11 の NVDA は、href 属性に指定された Link の URL を読み込んでいます。役割タブはリンクで使用されます。これにより、スクリーン リーダーのコンプライアンスで問題が発生しています。href が読み取られないようにするにはどうすればよいですか? ブラウザーとスクリーンリーダーのコンプライアンスの問題ですか?
google-chrome - chrome で Aria-live 属性が機能しない
ページに動的コンテンツのセットが複数あり、ユーザー インタラクションに従って更新されます。更新されたコンテンツをスクリーン リーダーで読み上げたいのですが、Chrome の NVDA でライブ リージョンが読み上げられません。ただし、Firefoxで動作しています。助けてください。クロームのジョーズとクロームボックスも機能しません。
javascript - イベントを追加せずにクリックに反応する方法はありますか?
私は、Web サイトの要素に関連付けられた JS イベントを視覚的に表示する、この優れた Chrome 拡張Visual Eventを使用しています。
それを使用して、イベントではない JavaScript を使用してクリックに反応する他の方法があるように見えることに気付きましたか?
たとえば、次のページには JavaScript でプログラムされたダイアログがありますが、ビジュアル イベントにはイベントが表示されません。
https://media-mediatemple.netdna-ssl.com/wp-content/uploads/2014/accessible.html
ソース コードを見ると、 (jQuery 関数? .addEventListener
) ではなく (プレーンな JS 関数?) を使用していることがわかります。.click
両方のバリアントを含むデモ ページを作成しました。
http://codepen.io/jmuheim/pen/jqBodO
しかし、違いはこれだけではないようです。NVDAのようなスクリーンリーダーを使用すると、クリックに反応する要素をアナウンスclickable
するためですが、どのような場合でもこれを実行しないようです。
最初の例 (モーダル ウィンドウ) では、NVDA は何も言いませんclickable
:
私の例では、NVDA はclickable
両方の要素をアナウンスします。
したがって、少なくとも 3 つの異なるタイプがあるように思われるため、JavaScript でクリックに反応するさまざまな方法について、私は本当に混乱しています。
- を使用する
.click
もの。これは常に NVDA によって としてアナウンスさclickable
れ、ビジュアル イベントによって表示されます。 .addEventListener
NVDA によってアナウンスされているもの (およびビジュアル イベントによって表示されないもの)- NVDA で発表されて
.addEventListener
いないもの (ビジュアルイベントで表示されていないもの)
ここで違いを教えてもらえますか?ありがとうございました。
javascript - NVDA は、datepicker の現在のセル選択位置を読み取ります
ここにフィドルを設定しましたhttps://jsfiddle.net/j49gz3g3
キーボードの矢印キーを使用して日付間を移動すると、NVDA が読み上げます
2016 年 5 月 12 日金曜日 行 3
2016年5月4日木曜日 コラム5
一方、期待される出力は
2016 年 5 月 12 日金曜日
2016年5月4日木曜日
セル位置(行3、列5)の読み取りを回避する方法はありますか? それとも、これはデータを含むテーブルの標準的な動作ですか?
これはすべての主要なブラウザー (IE、FF、Chrome) で発生しています。
PS: 参照用にスクリーンショットも添付します。
html - NVDA が略称を読み上げない
私の HTML ページには次の行が含まれています。
NVDA スクリーン リーダー (バージョン 2016.1) でページを読み上げると、「W3C」のみが読み上げられ、タイトルは読み上げられません。
タイトル属性の読み取りを有効にする設定を NVDA で見つけようとしましたが、うまくいきませんでした。この制限については Google にも何もありません (NVDA の最新バージョンはタイトルを読む必要があります)。
JAWS や Voice Over などの他のスクリーン リーダーは試していません。
javascript - NVDA スクリーン リーダーがメガ メニュー キーボード ナビゲーションで動作しない
このページでは、NVDA スクリーン リーダーを起動するまで、メガメニューでキーボード ナビゲーションが正常に機能します。マークアップのメニュー。この場合は、右上隅にある緑色のログイン ボタンです。
誰もこの問題を見たことがありますか?
ありがとうございました