2017-03-09 3 views
1

私はウェブサイトのアクセシビリティを向上させるために取り組んでいます.JAWSにユーザーを助けるためにテキストブロックを読み込ませたいと思います。JAWSにテキストのブロックを読み込ませる

たとえば、ヘルプモーダルをポップアップするヘルプアイコンのリンクがあります。このモーダルには役に立つテキストがあります。私はこのテキストがユーザーに読まれることを確認したい。

<div class="ForceReadText"> 
    <p>Block of text to be read, that currently isn't being read.</p> 
</div> 

私はJAWSに非常に精通していないよ、と私のGoogle - fuのスキルが私を失敗している:私は、私のような何かを行うことができますdivに同様のソリューションを持っているしたいと思います。私は、これを達成する方法を知っているかもしれない人に尋ねる方がよいと考えました。何か案は?

+0

もっとコンテキストが必要です。ユーザーが何をしていてもモーダル割り込みをしようとしていますか?あなたはARIAライブ地域を見ましたか? – aardrian

+0

@ aardrian - 基本的に、ユーザーはこれらのヘルプアイコンを見てテーブルをナビゲートすることができます。また、これらのヘルプアイコンの1つをクリックすると、すぐに内容を読む必要があります。私はARIAライブ地域を見ていない。私はARIAを簡単に見てきましたが、もっと研究をします。先端に感謝 –

答えて

2

あなたが説明していることは、あなたがARIAのライブリージョンを望むように思えます。 MDN has an overviewである可能性があります。

ライブ領域は、エラーやアラートなどリアルタイムのページ更新に最適です。ライブリージョンには、代わりにメッセージを話すためにスクリーンリーダーが話しているものを中断する機能があります。ライブ領域では、ページ上のフォーカスの位置は変更されません。

このトリックは、ページに本当に1つのライブ領域があることを理解することです。

あなたのポップアップがツールチップ(ちょうど再利用)のように振る舞うのであれば、他のトリックはあなたのすべてのメッセージを1つのライブリージョンにすることになります。

それはモーダルのように振る舞う場合は、読み続け...

今、すべてのことが言われている、(@stringyから)前の回答は限り、あなたは良いフォーカス管理の実践を(持っているように、おそらくよりスマートなアプローチでありますモードに必要)。そうしないと、ライブリージョンがよりフィット感に優れているかもしれません。

いずれにせよ、これらのパターンを見て、もう1つはあなたの目標アドレスかどうかを確認:

+0

私はalertdialogを使用して終了しました。提案していただきありがとうございます! –

3

強制的なことは難しく、無礼のようです。私が過去にアクセス可能なモーダルに対して行ったことは、リンクを開くアイコンをモーダルまたはその見出しのid属性を指し示すようにすることです。誰かが助けを求めているなら、リンクをクリックして情報に連れて行きます(そして矢印キーを使ってテキストを読む)。もしそうでなければ、彼らはただ動くことができます。

<a href="#modal-heading"><img src="icon.png" alt="More information"></a> 
関連する問題