非模态对话

在页面顶部弹出一个非模态对话框，有时由页面触发，有时在某些用户操作后触发。下面的页面仍然可以访问，但现在通常部分被对话框覆盖。

模态对话框可以有不同的目的：它可以要求用户接受使用 cookie 或完成调查，或者它可以提供额外的信息。

非模态对话的应用

A keyboard user looks at a page of the website of the city of Den Haag that explains how to order a passport .

The page loads He starts tabbing through the page.

There is good focus indication.

A non-modal dialog pops up at the bottom of the page

The user tabs on, focus is immediately on the elements of the dialog.

The user dismisses the dialog.

Focus management problem: After dismissal, the focus jumps to the start of the page - not to the focus position before the dialog opened.

什么是“非模态对话框”？

“非模态对话框”存在不同的定义，通常不容易区分存在的差异。

对于某些定义，对话框的主要特征是能够获取焦点，并让焦点在对话框内循环。这要求开发人员在对话框打开时将焦点切换过去。

另一种观点认为，非模态对话框有别于模态对话框的地方在于，它虽然遮挡了页面，但不会导致背景页面无法访问。同时点击对话框以外的地方，或者按下 Tab 按键都会关闭这些非模态对话框。

另一个需要考虑的观点是弹出内容是否可以看作是一个表单，或者是以信息展示为主的，比如说 cookie 通知。在这种情况下，将其设定为 region 角色而不是 dialog 角色可能更适合。但这类差异的边界也不太明确。

页面在完成加载后触发（例如 cookie 通知），或延迟一段时间后触发（例如弹出式调查、订阅）的弹窗内容非常普遍，这可能对键盘用户造成很大的困扰。一些对话获取了焦点，而另一些则没有。大多数 cookie 通知也不会，在许多案例中，cookie 通知通常避免意外地更改用户操作语境。

吐司提示

吐司提示会在展示后的数秒后消失。这些内容不能被归类为非模态对话框。

可切换提示

切换提示或状态消息出现在按钮激活时，也会覆盖页面内容，但它们没有需要关注的交互元素。

带交互元素的用户激活窗口

另一种类型的内容是在激活内联链接时出现的弹出窗口，例如可能包含关闭按钮和“阅读更多”链接的词汇表弹出窗口，但当在弹出窗口外按 Tab 键或单击弹出窗口之外区域时会自动关闭。这些元素比切换提示更复杂。

披露小部件

有时触发器被激活时也会打开披露小部件，触发器通常是一个切换按钮，再次激活时将隐藏披露的内容。这些小部件揭示（并下推）内容而不是掩盖内容。焦点通常停留在触发器上，如果被披露的内容紧随触发器之后，焦点停留在触发器上是可以接受的。

舞台小部件

其他用户激活的小部件（有时称为“阶段”）可以覆盖大部分页面，但通常不会捕获焦点并且在超出其边界时不会自动关闭。它们介于披露小部件和非模态对话框之间。