检查打开和关闭时的焦点位置
用键盘打开对话框，浏览所有控件，然后将其关闭。将焦点保持在对话框中；关闭时，返回打开的节点并保留后面的上下文。
模态对话框 设计体系
保持决策集中并且易于找到结束线。
清单内容
检查进度
01
结构及意义
在使用环境中比较信息和演示。
02
交互性和可用性
尝试操作，更改状态并继续工作。
进度会自动保存在此浏览器中。
指南
检查方法
示例
应用示例
确认删除草稿
该对话框对草稿进行命名，并有“保留草稿”、“删除草稿”；取消后，焦点返回到原来的删除按钮。
变体与使用场景
对话框操作
保留主要操作、取消操作和危险操作,并使用描述结果的标签。
单独读取每个节点;用户需要知道数据是否被保存或删除。
示例 确认框有“删除草稿”和“保留草稿”按钮。
如何关闭和返回
解释关闭条件,保存必要的数据,并将焦点返回到打开位置。
在允许的情况下使用关闭、退出和背景按钮;每种方法必须具有一致的结果。
示例 使用 Escape 关闭关键字搜索,然后将焦点放在“搜索”按钮上。
小屏幕上的对话框
即使键盘打开,标题、滚动内容和按钮也仍处于可见状态。
尝试 320px 屏幕和 200% 缩放;无需水平滚动即可单击确认。
示例 配置文件编辑框变成移动设备上的全屏面板。