aria-hidden = "true"は、すべてのユーザーエージェントまたはスクリーンリーダーのみから要素を非表示にしますか？

Question

私はいくつかの投稿（post1とpost2）を読んで、aria-hidden="true"はすべてのユーザエージェントからその要素を隠しています。

aria-hidden（状態）：要素とその子孫のすべてが、作成者が実装したように、どのユーザーにも表示されない、または認識されないことを示します。

• aria-hidden="true"は、すべてのユーザーエージェントや画面だけ読者から要素を隠していますか？
• 「はい」の場合、aria-hedden="true"の属性の場合でも、carousel-controlアイコン内のグリフコンが表示されるのはなぜですか？

Answer 1

は、公式ドキュメントを要素とその子孫のすべてが表示されていないと述べているにもかかわらず、aria-hidden="true"タグを持つ要素は確かにすべての最新ブラウザで表示されます。

ただし、このタグを持つ要素は、スクリーンリーダーなどのアクセシビリティツールには表示されません。

例：https://jsfiddle.net/92s2q861/

さらに、DOMは、ブラウザに表示されたとき、彼のユーザーからの要素を非表示になりますvisibility: hidden;や̶̶̶d̶i̶s̶p̶l̶a̶y̶:̶ ̶n̶o̶n̶e̶ CSS属性を使用して。しかし、aria-hidden="true"タグでは、その要素はアクセシビリティツールによって検出されます。

更新：display: noneは、DOMがブラウザでレンダリングされたときに要素を非表示にし、アクセシビリティツールでも要素が無視されます。