問題タブ [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.
nvda - NVDA/JAWS: Always read a page from the beginning (even on a re-visit)
NVDA sometimes seems to remember the position until where I have read a page. When I re-visit that same page, the cursor is placed at this position.
While this may seem handy sometimes, it can lead to unpredictable behaviour e.g. when in a shopping cart and removing the last item. When the page is reloaded, the focus is stuck somewhere in the footer, because the last item isn't there anymore.
I want to disable this, e.g. I always want to have the cursor placed to the beginning of the page (except when the focus is explicitly placed using JavaScript). But I don't find the option for it.
In JAWS, there's a similar option, but I don't remember how it was called (something like "Skip visited elements" maybe?)
I have created a working demo of the problem here:
http://developer-guide.access4all.ch/en/examples/remember_position_when_revisiting_page_example
css - オーバーフロー コンテンツをスクリーン リーダーから非表示にする方法
私はコンテンツ キュレーション Web サイトに取り組んでいます。キュレートできるものの 1 つは、文字数制限のないテキスト付きのウィジェットです。ウィジェット (およびそのプレビュー) は、単に設定するだけでレンダリングされますoverflow: hidden
管理者は現在、ウィジェットをプレビューして、公開する前に「問題なく」表示されることを確認する必要があります。
ただし、スクリーン リーダーを使用している場合、スクリーン リーダーは非表示のテキストも読み上げるため、目の不自由な管理者は目の見えるユーザーに対してコンテンツがオーバーフローすることを認識できません。
解決策の 1 つは、文字数制限を強制することです。これは、文字数制限は非等幅フォントには適していないため、当初は避けていました。
しかし、それに頼る前に、オーバーフローしたコンテンツをスクリーンリーダーから隠すことができるかどうか疑問に思っていましたか?
html - 自動無効化ボタン、アクセシビリティ
自己無効化ボタンで「使用不可」または「淡色表示」を読み取らない方法はありますか?
例を参照してください。
- 音声のみ:「コンテンツが追加されました。読んでください」
- NVDA は次のように述べています。「コンテンツが追加されました。お読みください。利用できません'
ボタンがまだフォーカスされているために発生していることはわかっています。しかし、ページの現在の動作を変更できないため、その解決策を見つける必要があります。
https://stackoverflow.com/a/38137593/3438124を見ることができるように、遷移を通知するためにhtmlヘルパーを使用しています。
醜いコードで申し訳ありませんが、これは私の実際の動作をシミュレートするためだけのものです。
君たちありがとう!
internet-explorer - Internet Explorer で role="option" の場合、NVDA は href 属性を読み取ります
シンプルなリストボックスがあります
しかし、Internet Explorer で NVDA を使用すると、スクリーン リーダーが href 属性を読み取ります (たとえば、"text1 javascript:void(0); not selected text1" または "text1 javascript:void(0); selected text2")。IE でのみ発生します。NVDA と IE で lisbox でアンカーを使用する方法はありますか?
html - NVDA でキーボードを使用して見出し (h3 など) 間をジャンプするにはどうすればよいですか?
良いシナリオは、3キーボードの数字をクリックすると、h3ヘッダー間をジャンプすることになっていることです。
なんらかの理由で、私の場合はこのようなことは起こらず、スクリーン リーダー (NVDA) にもその兆候は表示されませんでした。
これは結果のリストで、各結果のタイトルはh3.
1 つの結果の例を次に示します。
ruby-on-rails - NVDA 508 準拠 - ROR
Ruby on Rails でアプリケーションを構築しています。Web アプリケーションを NVDA 508 に準拠させる方法については、誰もが思いつきました。さまざまな記事を読みましたが、これを行うために必要な手順に関する正確な情報が得られません。誰もこれを以前にやったことがありますか?
前もって感謝します。
html - テーブルヘッダーのすべてのチェックボックスを選択すると問題が発生します
ヘッダー行の最初の列として「すべて選択」チェックボックスを含むテーブルがあります。
問題は、列ヘッダーが列のデータ型を表すときに完全に意味を成すことですが、この th の内容は「すべて選択」ラベルが付いた単なるチェックボックスです。
現在、その列のすべてのチェックボックスとの関係が設定されています。基本的に、すべてのチェックボックスが何らかの形で「すべて選択」に関連していると言っています。
テーブル ヘッダーの [すべて選択] チェックボックスをマークアップする方法はありますか?
「すべて選択」チェックボックスを格納するテーブルヘッダーの th を td に変更するとこれが解決されることを読みましたが (実際にそうです)、マークアップに影響を与える必要のない別の解決策があるかどうか興味がありましたヘッダー。
スクリーン リーダーは、チェックボックス テーブル ヘッダーとテーブル セルを次のように読み上げます。
これはコースの管理の表です。3 行 6 列の表 行 1 この表のすべての項目を選択 列 1 この表のすべての項目を選択 チェックボックスがオフ
row2 この表の項目をすべて選択 column 1 Dev ILT 1 チェックボックスをオフ
ご覧のとおり、コース「Dev ILT 1」の選択チェックボックスを「このテーブルのすべての項目を選択してください」と発表するのは誤解を招くものです。
コード例。これは、ヘッダーとボディ セクションのみです。関連性がないため、すべての行またはヘッダーがコード例にリストされているわけではありません
html - IE および Firefox でページの更新後にアラートを読み取る
アクセシビリティの目的で、ページが更新された直後に表示される「エラー」を読み取る必要があります。
現在、エラーを含む div に role="alert" と tabindex="-1' があります。これは Google Chrome では正常に動作しますが、IE も Firefox も私が行ったことをサポートしていないようです。
Chrome では、ユーザー名とパスワードの両方のフィールドを含むログイン ページがユーザーに表示されます。ユーザーは、情報を入力せずにフォームを「送信」します。ページが更新されて以下のエラーが表示され、NVDA はすぐにエラーを読み取ります。(リアルタイムの検証が良いことは理解していますが、それは後で行われます)
これを IE と Firefox で動作させる方法はありますか?
html - Firefox で親からフォーカスすると、NVDA が最初の HTML の子を読み取らない
Firefox で NVDA を使用すると、コンテナからフォーカスするときに最初の子を読み取ることができませんが、2 番目の子を読み取ることができます。
一般的な例:
がフォーカスされているとき.containerにタブを押して "Child 1" にフォーカスすると、NVDA は "Child 1" を読み上げず、無音になります。もう一度タブを押すと、NVDA は "Child 2" を読み取ります。
これは、ChromeVox アドオンを使用して Chrome で正しく読み取ります。
ここにコードペンがあります: http://codepen.io/anon/pen/WGyxom
からフォーカスするときに NVDA が「子 1」を読み取れるようにするために不足している設定はあります.containerか?