模态窗口的焦点顺序

Question

当模式窗口打开时，第一个焦点放在哪里？有人说焦点顺序应该是顺序的，所以第一个制表位应该在关闭按钮上，有人说应该在第一个逻辑上可操作的元素上。 据我说，它应该在第一个可行的项目上。假设如果打开了一个用于搜索内容的模式窗口，那么焦点应该放在搜索编辑框上。 你怎么看？哪个更好，原因是什么？

Answer 1

答案是，这取决于®。

实际上，这主要是一个合理的问题。您应该将焦点放在用户最有可能在模式中执行其第一项操作的位置。因此：

• 如果提示您输入，最合乎逻辑的是将焦点放在第一个必填字段上
• 如果您要回答是，否或多项选择题，重点应该放在最可能或建议的答案上
• 上一个例外：如果您要询问是否要执行不可恢复的操作（例如“您确定要删除吗？”），则即使最可能的答案，也应将焦点设置为“否”按钮是，因此用户有最后的机会取消因错失触发的事情
• 如果模式对话框仅显示一条消息，则将焦点放在“确定”或“关闭”按钮上是合理的，因为这是唯一可能的操作

在需要其他操作时将焦点放在关闭按钮上有点奇怪，特别是对于屏幕阅读器用户，他们不一定立即知道对话框的用途。

Answer 2

我总是将其放在第一个标题或标签上，以便盲人用户在单击打开模态的链接或按钮后可以确认他们在哪里。然后焦点可以移至关闭按钮，作为顺序的下一个项目-如果打开模态是一个错误（在您看不到布局或标签含糊不清的链接时经常发生），这样很容易纠正。

跳到第一个可聚焦项目在技术上并没有错，但给屏幕阅读器用户带来了较差的可用性，同时仅为视觉键盘用户节省了一次单击。