文章目录
🧩 一、准备工作⚙️ 二、进入 Inspect 模式🖱️ 三、选中控件(两种方式)✅ 方式 1:鼠标悬停选取(最直观)✅ 方式 2:键盘焦点选取(适合隐藏控件)
📋 四、查看控件属性🧪 五、运行自动检测(自动发现无障碍问题)操作:
📊 六、查看检测结果💡 七、附加技巧✅ 八、实战总结
🧩 一、准备工作
下载并安装工具
下载地址(微软官方):
🔗 https://accessibilityinsights.io/安装完成后,打开桌面上的 。
Accessibility Insights for Windows
打开一个目标程序
比如:记事本(Notepad)我们要检查它的「保存」按钮。
⚙️ 二、进入 Inspect 模式
启动工具后,在左上角点击左侧导航栏中的第一个显微镜图标 🧭(或 “Inspect”)在顶部的 下拉框中选择 Element(默认即可)。你现在就进入了「Live Inspect」实时检测模式。
What to select:
🖱️ 三、选中控件(两种方式)
✅ 方式 1:鼠标悬停选取(最直观)
保持 Inspect 窗口打开;将鼠标移到目标应用中你要检测的控件上(例如「保存」按钮);稍等 100ms(可在设置中调节延迟时间);回到 Inspect 窗口 → 右侧会出现该控件的详细属性。
💡 如果窗口被遮住,可以在设置里开启 “Always on top” 让工具始终置顶。
✅ 方式 2:键盘焦点选取(适合隐藏控件)
切换到目标程序;用 Tab 键切换焦点到要检测的控件;按下快捷键 Shift + F9 → 返回到 Inspect 工具;Inspect 会显示该控件的属性。
📋 四、查看控件属性
右侧的 Properties(属性) 区域会显示以下常见字段:
| 属性名 | 含义 |
|---|---|
| Name | 控件的名称(屏幕阅读器朗读的文字) |
| AutomationId | 控件唯一 ID(自动化测试中常用) |
| ControlType | 控件类型(Button、Text、Edit 等) |
| BoundingRectangle | 控件在屏幕上的位置和大小 |
| IsEnabled / IsOffscreen | 控件是否启用、是否可见 |
| HasKeyboardFocus | 是否有键盘焦点 |
✅ 如果某个控件的
缺失,意味着屏幕阅读器无法识别它,是一个无障碍问题。
Name
🧪 五、运行自动检测(自动发现无障碍问题)
在 Inspect 模式下,你可以自动检测当前控件的无障碍问题。
操作:
鼠标悬停在要检测的控件上;
点击上方工具栏的 试管图标 🧪(Test);
或者直接按快捷键 Shift + F8;
工具会自动运行一系列检查,包括:
是否缺少 Name;颜色对比是否合规;Tab 顺序是否合理;是否可聚焦;是否存在隐藏或不可访问元素。
📊 六、查看检测结果
检测完成后,右侧会出现检测报告,包括:
检查通过 / 未通过项目;每项问题的解释;修复建议;如果是颜色问题,还会显示对比度值(如 2.8:1 不达标)。
这些问题直接对应 WCAG 2.1 无障碍标准,非常实用。
💡 七、附加技巧
| 功能 | 快捷键 | 说明 |
|---|---|---|
| Run test on selected element | Shift + F8 | 运行自动检测 |
| Bring tool to foreground | Shift + F9 | 置顶窗口 |
| Inspect parent/child element | Ctrl + Shift + F6 / F7 / F8 / F9 | 浏览 UI 树层级 |
| Pause event recording | Shift + F5 | 暂停自动更新 |
| Start event recording | Shift + F7 | 捕获事件变化 |
✅ 八、实战总结
比如我们检测记事本的“保存”按钮:
Name: SaveControlType: ButtonAutomationId: 1001Contrast Ratio: 5.2:1 ✅(合格)Accessibility result: Passed ✅
说明这个控件完全符合无障碍标准。





















暂无评论内容