0

ローダー画像/「お待ちください」テキストなどの非表示要素(CSSによって非表示)の適切なWAI ARIA処理は何でしょうか?最初に非表示にしたときに、これらがスクリーンリーダーによって読み取られるのを避けたいと思います。

4

1 に答える 1

4

CSSdisplay:noneまたはvisibility:hidden;を使用します これらは両方とも、すべての主要なスクリーンリーダーによって広くサポートされています。すでにこれらを使用している場合は、これで完了です。これらに加えて、aria-hiddenを使用する必要はありません。

物事を隠す他の方法に注意してください。大きな負のオフセット/マージンまたはゼロの高さ/幅を使用すると、1つまたは2つのブラウザ/スクリーンリーダーの組み合わせで機能する場合がありますが、すべてではありません。したがって、たとえば、要素の高さを0にアニメーション化して非表示にする場合は、アニメーションの最後に必ずdisplay:noneまたはvisibility:falseを設定してください。

この情報を含むいくつかの情報源は次のとおりです。

于 2012-06-26T04:46:25.307 に答える