可访问性：`tabindex =“-1”是否表示该元素对屏幕阅读器不可见（类似于“ aria-hidden =“ true””）]]

Question

我有一个网页，其中对话框<section role="dialog">元素在内容的顶部打开，导致其下方的元素/内容不可访问。

当对话框打开时，其下的所有内容都会收到tabindex="-1"，以使选项卡焦点保持在对话框中。

下面的内容还收到一个CSS类，该类模糊了元素，并将pointer-events设置为none，因此无法用鼠标单击元素，但是这些元素在DOM中仍然存在并且可见（它们未设置为display: none）。

两个问题：

1. 我还需要将aria-hidden="true"添加到所有这些元素吗？
   • 我知道该内容将不再可以使用Tab键来突出显示，但是我不确定屏幕阅读器是否仍会尝试读取该内容。
2. 如果我在这些元素上设置了aria-hidden="true"，后来又恢复为aria-hidden="false"，那么屏幕阅读器是否会发现发生了这种变化？
   • 我担心设置aria-hidden="true"表示屏幕阅读器不会再次考虑该元素，即使稍后将其设置为aria-hidden="false"。
   • 我在共享父元素（对话框和内容都存在的地方）上是否需要aria-live？
   • 即使是aria-live，屏幕阅读器也会考虑以前设置为aria-hidden="true"的元素吗？

注意：对话框是带有提交按钮的表单。有时它可能包含Dismiss按钮，但并非在每种情况下都包含。该对话框可能充当需要提交表单才能继续的大门。

我有一个网页，其中对话框

元素会在内容的顶部打开，导致下面的元素/内容无法访问。对话框打开时，所有内容...

Answer 1

可访问性：tabindex=“-1”是否表示该元素对屏幕阅读器不可见（类似于aria-hidden=“true”）