HTML 对话框元素和选项卡行为

Question

在引入

<dialog>

元素之前，建议使用

dialog

角色来捕获对话框元素中的 Tab 键顺序，即，如果用户按 Tab 键切换到对话框中的最后一个元素，则它应该回绕到对话框中的最后一个元素。第一个元素。

本机对话框元素（至少在 Firefox 和 Chrome 上是如何实现的）不会执行此操作，而是让用户通过 Tab 键切换到地址栏等，然后按 Tab 键返回对话框元素。

原生对话框元素是否不再需要或推荐使用此选项卡行为？我无法找到任何有关使用该元素时如何处理 Tab 键顺序的建议。 w3c 只是说了以下内容：

作者应该在模式对话框显示时将其置于焦点中，并且作者应该管理模式对话框的焦点。

但没有详细说明“管理”的含义

• 这是 w3c 使用

  role="dialog"

  的示例： https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/
• 这是本机对话框元素的示例：https://codepen.io/jajenkinson/full/JjqEYox

Answer 1

我认为 Chrome 和 Firefox 的行为是正确的。这与没有对话框的简单网页相同，一旦到达最后一个可聚焦元素，焦点就会在浏览器级别（选项卡、地址栏等）重新启动。

对于对话框，它是相同的，只是它忽略活动对话框之外的可聚焦元素。