aria-hidden =「true」隱藏所有用戶代理或僅屏幕閱讀器的元素嗎？

Question

我讀過一些帖子（post1和post2）aria-hidden="true"從所有用戶代理中隱藏元素。

aria-hidden（state）：表示元素及其所有後代對作者實現的任何用戶不可見或不可察覺。

• 是否aria-hidden="true"隱藏所有的用戶代理或者只有屏幕閱讀器的元素？
• 如果是，那麼在bootstrap中，爲什麼carousel-control圖標中的圖標即使使用屬性aria-hedden="true"也可見？

Answer 1

即使官方文檔指出元素及其所有的後代是不可見，與aria-hidden="true"標籤元素的確是所有現代瀏覽器中可見。

但是具有此標記的元素對於輔助工具（例如屏幕閱讀器）將不可見。

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

此外，使用visibility: hidden;或̶̶d̶i̶s̶p̶l̶a̶y̶:̶ ̶n̶o̶n̶e̶̶ CSS屬性將隱藏他用戶的元件時，DOM在瀏覽器中呈現。但是對於aria-hidden="true"標籤，該元素將被可訪問性工具檢測到。

更新：display: none將在瀏覽器中呈現DOM時隱藏該元素，並且該元素也將被可訪問性工具忽略。