DOMに/から別のセクションを追加/削除するのではなく、aria-hidden="true"
でそれらのセクションを隠していて、特定の<a>
のトグルがクリックされた場合は非表示にします。screenreaderにトグルされた要素を読み込ませる方法
理由はパフォーマンスであり、noscriptのフォールバックが簡単です。 DOM内の順序は、質問が表示される順序ではありません。
結果は、ユーザが1つの質問から次の質問にクリックするバイナリ質問ツリー(yes/no questions)です。
スクリーンリーダーにセクションを読み込ませたり、少なくとも非表示にしてから次のセクションを読み続けるのは良い解決策でしょうか?
道はありますかlive-region
?スクリーンリーダーはその中に隠されていない要素を読みますか? aria-current
は適切かもしれないと思いましたか?それとも、aria-expanded
アプリケーションですか?
ありがとうございました!
は、なぜあなたは最初の場所でそれらを削除していますか?画面の不動産を保存するだけの場合は、おそらくスクリーンリーダーから隠すべきではありません。 – isherwood
@isherwoodそれはYes/Noの質問ツリーです.1つの答えが次の質問につながります。したがって、DOMの質問のほとんどは、ツリー内のあなたのパスとは無関係です。 – Andy
これは、インタラクティブな性質のため、最初の答えが示唆しているように、ライブリージョンの適用にはまったく似ていません。ツリーの未使用部分を視覚的に隠していますか(たとえば、 'visibility:off'または' display:none')?これがどのように視覚的に表示され、どのように1つの質問から次の質問にナビゲートするかを記述してください。たとえば、移動した後で答えられた質問は消えますか?もしそうでなければ、私は戻ってツリーの早い段階で私の答えを戻すことができますか?これを知らなくても良い答えを出すことはできません。 –