模态 windows 的焦点顺序

Focus order of modal windows

打开模态 window 时,第一个焦点会放在什么地方?有人说焦点顺序应该是连续的,所以第一个制表位应该在关闭按钮上,有人说,它应该在第一个逻辑上可操作的元素上。 根据我的说法,它应该在第一个可操作的项目上。假设如果打开模态 window 以搜索内容,则焦点应位于搜索编辑框上。 你都有些什么想法呢?哪个更好,原因是什么?

我总是把它放在第一个标题或标签上,这样盲人用户可以在单击 link 或打开模式的按钮后确认他们在哪里。然后焦点可以移动到关闭按钮作为序列中的下一个项目 - 如果打开模式是一个错误(经常发生在你看不到布局或带有模糊标签 links 时)这使得更正变得容易.

跳转到第一个可聚焦的项目在技术上并没有错,但屏幕阅读器用户的可用性很差,而视力正常的键盘用户只能节省一次点击。

答案是,这取决于®。

其实主要是见仁见智的问题。您应该将焦点放在用户最有可能在模式中执行第一个操作的位置。因此:

  • 如果提示输入,最合乎逻辑的是将焦点放在第一个必填字段上
  • 如果您要问是非题或多项选择题,重点应该放在最有可能或最推荐的答案上
  • 前一个例外:如果你问的是关于是否继续进行不可恢复的操作的问题,例如 "are you sure to delete ?",焦点应该设置为否按钮,即使最可能的答案是是的,这样用户就有最后一次机会取消由错误触发的事情
  • 如果模式对话框只是显示一条消息,将焦点放在确定或关闭按钮上是合乎逻辑的,因为这是唯一可能的操作

在期望其他内容时将焦点放在关闭按钮上有点奇怪,特别是对于屏幕 reader 用户,他们不一定立即知道对话框的用途。