1

さまざまなスクリーン リーダーがモーダル ウィンドウ、つまり Thickbox とどのように対話するかを知っている人はいますか? モーダルのコンテンツは、読者がクリックした後に読者の注目を集めていますか?

4

1 に答える 1

1

これは、使用しているモーダル ソリューションによって異なります。多くの人は、適切なフォーカス管理を行っていません:

  • モーダルの最初の要素にキーボード フォーカスを置きます。
  • モーダルの終わりに達したときに、フォーカスを最初の要素にループバックします (ブラウザのクロムまたはモーダルの背後にあるページにフォーカスを循環させるのではなく)。
  • モーダルが閉じられたときに、キーボード フォーカスを元の位置 (開くボタンやリンクなど) に戻します。

使用しているソリューションでこれができない場合は、独自の JavaScript でこの種のことを行うことができます。たとえば、最初のフォーカス可能な要素がわかっている場合:

var focusMe = document.getElementById("#modal-focus-start");
if (focusMe) {
    focusMe.focus();
}

または、モーダルの最初のリンクにフォーカスしたい場合。

var modal = document.getElementById("#modal"),
    focusMe;
if (modal) {
    focusMe = modal.getElementsByTagName("a")[0];
    if (focusMe) {
        focusMe.focus();
    }
}

フォーカスを移動するための便利なフォーカス可能な要素がない場合、一部の最新のブラウザー (前回確認したときは Firefox にバグがあるようでした)では、任意の HTML 要素を設定tabindexして、その要素を JavaScript でフォーカス可能にすることができます。-1

さらに進みたい場合は、 JavaScript を使用して、モーダル内の最初のフォーカス可能な要素 (jQuery を使用) を見つけることができます。

于 2011-03-24T13:26:27.277 に答える