問題タブ [jaws-screen-reader]
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 - WAI-ARIA、IE7、JAWS
私が現在取り組んでいるプロジェクトの 1 つには、IE7 および 508 への準拠に対する顧客の要件があります。この顧客は現在 JAWS バージョン 9 を使用しており、WAI-ARIA をサポートする新しいバージョンの JAWS なしでは不可能であると言われている要求を行っています。例えば:
新しいバージョンの JAWS (Freedom Scientific の Web サイトによると、WAI-ARIA はバージョン 10 からサポートされています) にアップグレードする必要があることを伝える前に、できるだけ多くの情報を用意して、説得力のある議論。まず第一に、IE7 は ARIA 情報を JAWS に伝えることができますか (IE8 から ARIA をサポートしているという主張を見てきましたが、IE7 では動作しないと明示的に述べているものはありません)。もしそうなら、それは限られた範囲でのみですか?この質問に対する答えが「はい」で、サポートの程度が十分であると仮定すると、JAWS バージョン 10、11、および 12 の間で、知っておくべきサポートに大きな違いはありますか? IE7 の要件を考えると、上記の 2 つの質問を解決するために ARIA を適用するために必要な JAWS の最小バージョンは何ですか。
ここにはたくさんの質問が詰まっていることは承知していますが、それらは 1 つの質問として一緒に機能したと思います。また、これらが上記のリンク先の顧客の要求をどの程度解決できるか。
ありがとう!この質問のすべての要素に対処できなくても、情報を共有していただければ幸いです。
apache-flex - Flex のアクセシビリティ - タブ フォーカスが Flex アプリの外に出る
アクセシビリティ対応のフレックス アプリでは、ユーザーは TAB キーを使用してコントロール内を移動できます。
flex アプリは、ユーザーが特定のリンクをアクティブにした後、html ページの上にポップアップし、swfobject.embedSWF を使用して読み込まれます。
ほとんどの場合はうまく機能しますが、次のいずれかまたは両方が発生する場合があります。
a)フレックスアプリは正常にロードされ、「フレックスフォーカス」はイントロテキストラベルに設定されて読み上げられますが、タブを押すと背後のページのリンクが循環するようです。(現在修正済み、編集 2 を参照)
b)フォーカスはうまく機能し、タブを押すとコントロールが循環しますが、それらを通過した後、フレックスアプリからアドレスバーにタブ移動します..せずにフレックスアプリに戻ろうとすることさえ悪夢になりますそれをクリックしてください..これは正確にはアクセシビリティフレンドリーではありません。
これらが起こらないようにする方法はありますか?
編集: ターゲット ブラウザは IE です。Jawsで最も使用されているようです
編集:問題(a)を修正できました。トリックは、swf オブジェクトにフォーカスを呼び出すことでしたが、わずかなタイムアウトの後、flash/js の準備状態に関係しているに違いありません。
問題(b)はまだ問題ですが...
html - JAWS スクリーン リーダーで無視される SPAN タグ
そのため、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」と読み上げてしまうのですが、実際にはリンクではないので、アクセシビリティに悪影響を与えていると感じています。
html - JAWSにhtml要素を無視させる
私は現在、自分のアプリケーションを、見づらい人にとってより使いやすいものにしようとしています。当然のことながら、私はJAWSを使用してアプリケーションをテストしています。私が遭遇した問題のほとんどは、私が困惑していることを除いて、比較的簡単に修正できました。
私のアプリケーションでは、iframeを介して広告を挿入し、JAWSにそれらを無視させたいのですが、それでも表示したいのです(display:noneは問題外です)。JAWSに要素とそのすべての子を完全に無視させる方法はありますか?
私はspeak:noneにつながるいくつかの投稿を見ましたが、それは機能しません。親divを無視しているように見えますが、代わりにiframeの子のコンテンツを読み取ります。
ヒントをいただければ幸いです。
ありがとうございました。
javascript - JavaScriptとJAWS-そしてSCORM?
私は現在、さまざまなアクセシビリティポイントをチェックするためにユーザーインターフェイスを拡張しています。次に、仕様のどこかで、私が行っていることはJAWS互換でなければならないことを細字で読んでいます。
通常はそれで問題ありません。物事をシンプルで直感的に保ち、ルールを順守してください。しかし、SCORMが関係している場合はどうでしょうか。私はフレームセット、一連のJavaScript、古い学習管理システム、そしてそのかなり困難なものを扱っています。
フレームセットを介して配信され、大量のJavaScriptを使用するページのコンテキストでJAWSに準拠することは可能ですか?私はもっともっとおかしくなり、もっとお金を要求するべきですか?
この時点でコードを提供するには、テストモジュールを完成させてパッケージ化する必要がありますが、残念ながら、私の予算ではこのレベルの質問を行うことができないため、情報だけに基づいて誰かがヘルプやガイダンスを提供できることを願っています。 、 問い合わせてください!
html - 顎はaria属性aria-ownsをサポートしていますか?
あまり多くの変更を加えずにアクセスできるようにすることになっているページがあります。
ページ内の1つのコンボボックスは、入力ボックスをクリックすると、divの内容が同じページのiframe要素にコピーされ、そのiframeが入力ボックスの下に表示されるようにコーディングされています。
コンテナiframeにaria-liveを追加すると、Jawsはドロップダウンを形成するiframeを読み取るたびに読み取りますが、Jawsのフォーカスが表示されるたびにiframeにシフトできるように、2つをリンクするにはどうすればよいですか?動的な更新として読み取るだけではありませんか?
apache-flex - Flex カスタム コンポーネントの最初の項目が JAWS によって読み取られない
Flex アプリケーションはアクセシビリティに準拠しています。何らかの条件に基づいてカスタム コンポーネントが表示されると、コンポーネント内の最初の項目 (text、formitem、または textarea のいずれか) が Jaws によってスキップされます。2 番目の項目から読み取ります。上矢印を押すと、最初の項目が読み取られます。上矢印を押さなくても最初のアイテムにアクセスできるようにする方法はありますか?
html - JAWS テーブル ナビゲーションの短いキーとカスタム実装されたナビゲーション キー (つまり、矢印キー) の間の競合
JAWS テーブル ナビゲーションの短いキーとカスタム実装されたナビゲーション キー (つまり、矢印キー) の間の競合
キーボードを使用して HTML テーブルにアクセスできるようにし、JAWS スクリーン リーダーを使用して読み込めるようにしようとしています。
キーボードでアクセスできるようにするために、次のことを行っています: - 矢印キー (左、右、上、下) のテーブル セルにキープレス イベントを追加しました
JAWS で読めるようにするために、次のことを行っています。
JAWS を使用せずにページを実行すると、キーボード ナビゲーションが正常に機能します。また、JAWS ショートカットが使用されている場合、JAWS はテーブルを適切に読み取ります。
JAWS カスタム実装キーボード ナビゲーションで実行すると、正しく動作しません。カスタム実装されたキーボード ナビゲーション (つまり、矢印キー) を使用してフォーカスを別のセルに移動するには、INSERT + 3 キーに続いて矢印キーを使用します。これにより、フォーカスが別のセルに移動しますが、JAWS の現在のセル フォーカスは変更されません。そのため、JAWS が読み取ると、実際にフォーカスされているセル以外のセルが読み取られます。
ページ URL の例 : http://test.cita.illinois.edu/aria/grid/grid1.php 上記のページはカスタム キーボード ナビゲーション (矢印キー) をサポートしています。JAWS を使用して上記のページを読んでみてください。
JAWS で読み取り可能であると同時に、キーボードからアクセスできるようにしてください。
あなたの助けに感謝!
素早い返信ありがとうございます!それはあなたが提供した非常に良い情報でした。
ただし、これに関してさらにいくつか質問があります。お役に立てれば幸いです。
JAWS は、Virtual PC Cursor、PC Cursor、JAWS Cursor などのさまざまなカーソルをサポートしています。role="application" を指定したときの私の知る限り、JAWS は PC Cursor で実行され、Web サイトで提供される機能はすべて、提供されたキーストロークを使用して使用できます。特に HTML テーブルで実現したい機能は、ユーザーが矢印キーを使用してナビゲートできるようにすることと、JAWS が現在フォーカスされているコンテンツを読み取ることができることです。ここで疑問なのは、JAWS が現在フォーカスされているコンテンツを PC カーソルで読み上げない理由です (html テーブルでは、現在フォーカスされているセルである可能性があります)。
JAWS ユーザーが JAWS を使用して Web サイトを理想的にどのように使用するか (具体的には、HTML テーブルにレンダリングされた情報を使用) を説明していただけると助かります。
次の機能を持つ複雑なテーブルがあり、キーボードでアクセスし、JAWS で読み取りできるようにしたいと考えています。
- 展開/折りたたみアイコン付きのテーブル。展開/折りたたみアイコンをクリックするか、キーボードから +/- を押すと、ネストされたテーブルがユーザーに表示されます。
- テーブルの各行にはいくつかのアクション項目があり、キーを押すかクリックするとアクションが実行されます。(各行には固有の製品情報が表示され、ユーザーはキーを押すかボタンをクリックすることで (アクション アイテム) を購入できます。)
Dojo グリッドを使用してみましたが、キーボードの矢印キーを使用してナビゲートできます。また、現在フォーカスされているセル (INSERT + 上矢印) を読み取るための JAWS ショートカットがあります。
accessibility - アリアライブとジョーズ
aria-live リージョンを JAWS 11 および IE8 で正しく動作させようとしています。
以下のコードを使用すると、ボタンがクリックされたときに JAWS に新しい値を通知させることができますが、その動作は期待したものではありません。
JAWS11/IE8 構成を使用すると、ボタンをクリックするたびに次のように聞こえます。
問題、そして私の質問は、JAWS に aria-live リージョンの以前の値ではなく、aria-live リージョンの現在の値をアナウンスさせるにはどうすればよいですか?
また、他のスクリーン リーダーがこの機能をどのように処理するかにも興味があります。
accessibility - グリッド内の行選択のための Aria 選択属性
aria-selected
属性は、グリッド内の行が選択されていることを示すために使用されます。顎キーを使用してグリッド内の選択された行に移動すると、選択済みとして読み取られません。この作業を正しくするための手がかり/提案はありますか?
最新のFFとJaws 12を使っています