2016-10-07 10 views
1

アクセシビリティのために、ページが更新された直後に表示される「エラー」を作成する必要があります。IEとFirefoxでページを更新した後で警告を受け取る

現在、私が役割=「警告」とでtabindex = "持っている - 。。エラーを含むDIVの1' をこれはGoogle Chromeで正常に動作しますが、IEまたはFirefoxどちらも私が何をやったかサポートして表示されます

Chromeでは、ユーザー名とパスワードの両方のフィールドを持つログインページが表示されます。ユーザーが情報を入力せずにフォームを送信すると、ページが次のエラーでリフレッシュされ、NVDAがエラーを直ちに読み取ります私はこれが私に仕事を得ることができる方法任意のアイデア

<div id="notification_block">  
<div class="alert alert-danger" role="alert" aria-labelledby="alertHeading" tabindex="-1"> 
    <h2 id="alertHeading">Error: Login Failed</h2> 
    <div>Invalid username/password combination. Please verify that your information is correct.</div> 
</div>    
</div> 

)リアルタイムの検証は良いでしょうが、それは後の時点で行われますEとFirefox?

答えて

0

これを有効にする唯一の方法は、ページのすべてのアナウンスが完了するまで、コンテンツのアラートロールへの挿入を本質的に遅らせることです。あなたが必要がありますので、これが発生したときに、プログラムを決定する方法はありません:

  • はタイムアウトを設定し、ページの読み込みのための

    1. 待ち、(500ミリ秒を言う)
    2. タイムアウト火災は、警告にコンテンツを挿入するとき

    これは、コンテンツが

  • 1

    代わりに=「警告」役割を使用するので、私は、ページの読み込みのdiv要素にフォーカスを設定すると発表している可能性が高くなります。これは確実に読み取られる最初のものになり、これはかなり一般的な解決策です。

    +0

    ありがとうございます。これは私がやったことであり、すべてのブラウザでうまくいっているようです。 – Blobula

    関連する問題