- 为开发者提供的无障碍工具:用于检查和测试网页对辅助设备的兼容性。
我将为您详细说明这两种情况的开启和使用方法。

为使用者开启辅助功能(更常用)
这个功能主要在浏览器的设置中开启,让浏览器本身更易于使用。
操作步骤:
- 打开谷歌浏览器,点击右上角的 三个点 菜单图标。
- 选择 【设置】。
- 在左侧菜单栏中,找到并点击 【高级】。
- 在展开的选项中,选择 【无障碍设置】。
- 您会看到以下几个主要选项:
- 管理辅助功能:这里可以设置是否允许网页使用其自带的辅助功能。
- 更多工具 下的相关设置:
- 缩放:您可以直接在此调整所有网页的默认缩放比例,更快捷的方式是使用键盘快捷键
Ctrl+ (放大)或Ctrl+ (缩小)。 - 启用高对比度模式(需要操作系统支持):这个通常是Windows等操作系统级别的功能,需要在系统设置中开启,开启后,浏览器会自动适应。
- 缩放:您可以直接在此调整所有网页的默认缩放比例,更快捷的方式是使用键盘快捷键
重要提示: Chrome 浏览器本身不内置屏幕阅读器(如朗读网页内容的功能),如果需要此功能,您需要:
- 在 Windows 上:使用系统自带的 讲述人(Narrator) 或安装专业的屏幕阅读软件如 NVDA、JAWS。
- 在 macOS 上:使用系统自带的 旁白(VoiceOver)。
- 在 Chrome OS 上:使用 ChromeVox 内置屏幕阅读器。
开启系统屏幕阅读器后,它们会自动与 Chrome 浏览器配合工作。
为开发者开启无障碍功能检查工具
这个功能用于网站开发者和测试人员,检查网页代码是否符合无障碍标准。
操作步骤:
- 在任意网页上,点击鼠标右键,选择 【检查】,或直接按快捷键
F12或Ctrl+Shift+I。 - 这会打开“开发者工具”面板。
- 在开发者工具面板中,找到并点击 【元素】>【计算样式】 旁边的 >> 图标,或直接按
Esc键打开底部抽屉面板。 - 在抽屉面板中,切换到 【无障碍】标签页。
- 您可以:
- 查看当前选中元素的无障碍属性(如角色、名称、描述)。
- 查看整个页面的无障碍树结构,这是一种简化版DOM树,专门供屏幕阅读器识别。
- 检查对比度:可以看到文字和背景的颜色对比度比率,确保色弱或视力不佳的用户可以看清。
- 运行审计(Lighthouse):在
Lighthouse面板中生成报告时,可以勾选“无障碍”类别,来获得全面的无障碍问题评估和改进建议。
| 您需要的功能 | 开启位置 | 主要用途 |
|---|---|---|
| 放大页面、调整基础设置 | 浏览器设置 > 高级 > 无障碍设置 | 方便用户自己使用浏览器 |
| 检查网页代码是否符合无障碍标准 | 开发者工具(F12)> “无障碍”面板 | 供网站开发者和测试人员使用 |
对于大多数用户来说,如果您是想让自己使用浏览器更舒适,您需要的是第一种方法,如果您是网站制作或相关工作者,想检查一个网页是否对残障人士友好,那么您需要的是第二种工具。
希望这个详细的解答能帮助到您!
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。