嵌套模式对话框的可访问性问题是什么答案

【问题标题】：What are the accessibility issues with nested modal dialogs嵌套模式对话框的可访问性问题是什么
【发布时间】：2020-07-10 06:30:40
【问题描述】：

我正在研究网站原型，并且我正在阅读有关我们不应该真正使用嵌套模式对话框的信息。我很好奇与此相关的可访问性问题。我尝试在https://www.w3.org/TR/wai-aria-practices-1.1/ 上进行搜索，但没有任何关于嵌套对话框的指南。我试图理解为什么它不受欢迎。

【问题讨论】：

关心添加文章/讨论等的来源，将其作为问题中的链接？这取决于您所说的“嵌套”是什么意思，这是否是一个问题。（即，您的意思是在另一个模态对话框的 HTML 中包含模态对话的 HTML（坏主意），还是只是指多个对话框，其中一个从另一个对话框中激活（可能很好）。）。 这完全取决于实施。您认为不可接受的代码示例也很有用，因此我们可以解释任何存在的问题。

【解决方案1】：

嵌套模式对话框本身没有可访问性。

这个问题通常是由于 UI 框架、工具等在嵌套模式对话框时表现不佳，因为它们的设计不一定考虑到这一点。这并不像看起来做得那么容易。例如，它们可能会以不正确的方式混合 aria-hidden、tabindex、焦点环绕、视觉效果等，这些错误最终会破坏可访问性或产生意外行为。这是一个常见的陷阱。

但是，您应该从可用性的角度问问自己，嵌套模态是否真的需要和有用。也许您可以简化您的界面以便从不嵌套？这对每个人都会更有益，而且您无需问自己这个问题，您使用的 UI 工具包是否确实很好地支持嵌套对话框。

【讨论】：