ARIAとWCAG 2.0の達成基準

Question

これが間違っていたら私を修正してください。私が正しく理解していれば、基本的に文書のソースで利用可能な要素のためにaria-hiddenを使用する必要はありませんが、必ずしも表示されません。

たとえば、ドキュメントソースにあるイメージスライダーまたはメニューまたはツールチップ（基本的には利用可能です）が、ディスプレイ上でユーザーに視覚的に常に表示されるわけではありません。

それは私には奇妙に聞こえるので、私はあなたがWCAGを満たすためにaria-hiddenを使用する必要はありませんWCAG 2.0

Answer 1

を満たすために、この事のためARIAを使用する必要はありません。あなたはです。は、WCAGを満たすためにそれを使用します。 またを使用して誤ってWCAGに違反することがあります。

何かを視覚的に表示したいが、補助的な技術（この場合スクリーンリーダー）から隠す場合は、aria-hiddenが最適です。あなたが何かを非表示にする場合

は、視覚的にと支援技術から、その後、display:none;でaria-hiddenだけのスタイル、それをスキップします。

要素のネイティブセマンティクス（レガシーレイアウトテーブルなど）を非表示にし、それ以外の場合はすべてを表示する場合は、role=presentationを使用します。

aria-hiddenを使用しないと、フォーカスを受けたり、インタラクティブになる必要があるもの（Fourth Rule of ARIA）を隠さないでください。そうすることはWCAGに違反します。

たとえば、使用していないときにdisplay:none;で隠されているツールチップスタイルのデザインエレメントがある場合は、aria-hiddenをスキップします。ビジュアルスタイルで更新しないと、余分なノイズになり、コードがアクセスできなくなる可能性があります。