補助技術を使用したコンテンツの非表示

Question

私は、隠されたコンテンツがどのように補助技術を使用しているかを少し混乱させています。私は、してくださいあなたにいくつかの例をあげると、あなたは私にこれを説明したいと思います：

1. 私は以前display:none;だっれる小さなポップアップを作りたい場合は、どのようにATを持つユーザーが理解するだろう私はこのポップアップに自動的に焦点を当てるという事実を除いて、何か新しいことですか？

2. アクセシブルな画像スライダーはどうすればよいですか？私はroleとaria-*属性について聞き、その時点の可視画像はdisplay:block;であるか、または可視であり、他のすべての画像はdisplay:none;であるはずです。そうであれば、ATとのユーザーにとっては混乱しないでしょうか（最初の質問の一部）？

3. モバイルデバイスに必要なデスクトップコンピュータ以上のものがありますか？たとえば、モバイル画面のハンバーガーメニューを作成する場合は、そのリンクをで非表示にする必要がありますか？リンクが表示されたことをユーザーに通知するにはどうすればよいですか？

Answer 1

1. フォーカスを提供することがポップアップするためのキーであり、通常はそれを閉じますコントロールします。しかし、あなたのポップアップが実際にはポップアップではなく、おそらくページ上部の更新ボックスの場合は、フォーカスをスキップしてライブ領域を使用することができます。要するに、それはあなたが何をしているかによって異なります。ポップアップは、指定されたアクションが実行されるまでユーザーがページの残りの部分とやりとりすることを防止することを目的としていますが、更新コンテンツブロックはその制限を保持しません。

2. フォーカスを移動している場合、大きな問題ではありません。隠された画像はページコンテンツに含まれないため、ユーザーを遅らせることはありません。この場合、ライブリージョンを使用しないでください。ライブリージョンが使用されると、ユーザーが中断し続けるためです。

3. この場合は、フォーカスを以前に非表示のナビゲーションメニューに移動します。アクセシブルな名前があればうまく動作します。

あなたはフォーカス管理に気付いていますが、ARIA live regionsに精通していないと思われます。

ライブリージョンは、あなたのニーズの一部に対応できます。あなたが知る必要があるのはlive region propertiesです。あなたが何をしているのかに関わらず、地域が変更されるとすぐに発表されるようにするには、assertiveになります。ユーザーがインタラクションを終了するまで待つ場合は、politeになります。 corresponding live region rolesもありますが、これを以下に示します。

さらに、全体を（アラートメッセージに適している）通知するのか、変更された部分だけ（タイマーに適しているのか）スクリーンリーダーに通知します。

ページ上に複数のARIAライブリージョンを置かないようにしてください。

ここにはexample of an offline alertがあります。便利なのはslideshare that goes into more detailです。あなたが何を検索するかを知っている今、もっとたくさんのことがあります。