1.为使用者提供的辅助功能,放大页面、高对比度、屏幕阅读器等,方便有视觉、听觉或行动障碍的用户使用

谷歌 关于Google 2
  1. 为开发者提供的无障碍工具:用于检查和测试网页对辅助设备的兼容性。

我将为您详细说明这两种情况的开启和使用方法。

1.为使用者提供的辅助功能,放大页面、高对比度、屏幕阅读器等,方便有视觉、听觉或行动障碍的用户使用-第1张图片-Google Chrome官方首页_极速谷歌浏览器


为使用者开启辅助功能(更常用)

这个功能主要在浏览器的设置中开启,让浏览器本身更易于使用。

操作步骤:

  1. 打开谷歌浏览器,点击右上角的 三个点 菜单图标。
  2. 选择 【设置】
  3. 在左侧菜单栏中,找到并点击 【高级】
  4. 在展开的选项中,选择 【无障碍设置】
  5. 您会看到以下几个主要选项:
    • 管理辅助功能:这里可以设置是否允许网页使用其自带的辅助功能。
    • 更多工具 下的相关设置:
      • 缩放:您可以直接在此调整所有网页的默认缩放比例,更快捷的方式是使用键盘快捷键 Ctrl + (放大)或 Ctrl + (缩小)。
      • 启用高对比度模式(需要操作系统支持):这个通常是Windows等操作系统级别的功能,需要在系统设置中开启,开启后,浏览器会自动适应。

重要提示: Chrome 浏览器本身不内置屏幕阅读器(如朗读网页内容的功能),如果需要此功能,您需要:

  • 在 Windows 上:使用系统自带的 讲述人(Narrator) 或安装专业的屏幕阅读软件如 NVDAJAWS
  • 在 macOS 上:使用系统自带的 旁白(VoiceOver)
  • 在 Chrome OS 上:使用 ChromeVox 内置屏幕阅读器。

开启系统屏幕阅读器后,它们会自动与 Chrome 浏览器配合工作。


为开发者开启无障碍功能检查工具

这个功能用于网站开发者和测试人员,检查网页代码是否符合无障碍标准。

操作步骤:

  1. 在任意网页上,点击鼠标右键,选择 【检查】,或直接按快捷键 F12Ctrl+Shift+I
  2. 这会打开“开发者工具”面板。
  3. 在开发者工具面板中,找到并点击 【元素】>【计算样式】 旁边的 >> 图标,或直接按 Esc 键打开底部抽屉面板。
  4. 在抽屉面板中,切换到 【无障碍】标签页
  5. 您可以:
    • 查看当前选中元素的无障碍属性(如角色、名称、描述)。
    • 查看整个页面的无障碍树结构,这是一种简化版DOM树,专门供屏幕阅读器识别。
    • 检查对比度:可以看到文字和背景的颜色对比度比率,确保色弱或视力不佳的用户可以看清。
    • 运行审计(Lighthouse):在 Lighthouse 面板中生成报告时,可以勾选“无障碍”类别,来获得全面的无障碍问题评估和改进建议。
您需要的功能 开启位置 主要用途
放大页面、调整基础设置 浏览器设置 > 高级 > 无障碍设置 方便用户自己使用浏览器
检查网页代码是否符合无障碍标准 开发者工具(F12)> “无障碍”面板 供网站开发者和测试人员使用

对于大多数用户来说,如果您是想让自己使用浏览器更舒适,您需要的是第一种方法,如果您是网站制作或相关工作者,想检查一个网页是否对残障人士友好,那么您需要的是第二种工具

希望这个详细的解答能帮助到您!

标签: 辅助功能 无障碍

抱歉,评论功能暂时关闭!