跳转到主要内容
辅助工具

无障碍测试中使用的屏幕阅读器和对比度检查工具的安装和配置指南。

Kostya avatar
作者:Kostya
超过一年前更新

在本文中,您将了解我们在无障碍测试中通常使用的工具,以及您可以在哪里下载它们以及如何使用它们的更多信息。

一般来说,辅助工具可以分为以下几类:

  1. 屏幕阅读器软件:阅读屏幕上的页面内容。

  2. 语音识别软件:将口语转换为文本。

  3. 特殊键盘:专为肌肉障碍的人设计的键盘,便于打字。

  4. 屏幕放大软件:专为视力受损的用户设计,可放大显示内容,以便更容易阅读。

在本文中,我们将重点介绍屏幕阅读器软件和键盘导航技巧。


键盘导航

为了测试可访问性并使用屏幕阅读器,你需要了解基本的键盘导航按键。在下面的页面上,你可以找到基本的键盘组合,借助它们,你可以在不使用鼠标指针的情况下浏览网站:https://webaim.org/techniques/keyboard/

屏幕阅读器

根据美国盲人基金会,“屏幕阅读器是一种软件程序,允许盲人或视力受损的用户使用语音合成器来读取计算机屏幕上显示的文本... 屏幕阅读器是计算机操作系统、应用程序和用户之间的接口。用户通过按不同组合的计算机键盘上的键来发送命令... 以指示语音合成器说什么,以及在计算机屏幕发生更改时自动发声。” 除此之外,屏幕阅读器还提供了各种功能,如读取和查找屏幕上的文本。

借助屏幕阅读器,视力受损和盲人可以操作应用程序,起草文件,发送电子邮件,浏览网页等等,前提是网站和应用程序已经进行了调整以满足他们的需求。

对于以下屏幕阅读器工具,我们建议观看YouTube上的教程以熟悉它们。

Windows电脑

NVDA(Non Visual Desktop Access)是一款免费的开源软件,旨在帮助视障人士操作计算机软件和网站。.

  1. 向下滚动并点击下载按钮。

  2. 运行下载的安装包,并按照说明完成安装。

  3. 安装完成后,您可以运行NVDA,从此屏幕阅读器将通过键盘或鼠标叙述焦点元素,并叙述您输入到字段中的文本。

在这里,你可以找到可以在你的NVDA屏幕阅读器上使用的高级键盘组合,以在网页内容中进行导航:https://webaim.org/resources/shortcuts/nvda

JAWS 是一款付费的屏幕阅读器,你可以免费使用40分钟。当40分钟的会话时间结束后,你需要重新启动计算机以开始新的免费会话。以下是如何在你的Windows计算机上安装和配置JAWS的方法:

  1. 下载JAWS屏幕阅读器的最新官方版本,它是页面下方的一个链接之一。请不要安装测试版,因为它不能保证稳定运行。

  2. 按照说明完成安装。

  3. 您将被要求重新启动计算机以完成安装过程。

我们建议您查看JAWS导航快捷键,以熟悉这款软件。

苹果电脑

苹果电脑使用 macOS 操作系统时,内置了名为 VoiceOver 的屏幕阅读器。

  1. 要在您的 Mac 上激活屏幕阅读功能,请前往 系统偏好设置

  2. 打开 辅助功能 页面(请参考下面的第一张图片)。

  3. 在打开的页面上,勾选 启用 VoiceOver 复选框(请参考下面的第二张图片)。

通过底部的 打开 VoiceOver 培训... 按钮,您可以启动一个培训,教您如何在您的 Mac 计算机上使用 VoiceOver。

请访问 Apple 的官方 VoiceOver 用户指南,了解有关如何在 macOS Catalina 上使用 VoiceOver 的更多信息。

苹果 iOS 设备(iPhone 和 iPad)

iOS 操作系统的设备有自己内置的屏幕阅读器,叫做 VoiceOver

  1. 请导航到 设置 > 辅助功能 > VoiceOver 来激活它。

  2. 在顶部,切换 VoiceOver 选项。

  3. 点击下方的 VoiceOver 练习 来测试每个可用的手势及它们触发的操作。

从这一点开始,你操作iOS设备的方式会改变。Apple的官方文章 学习iPhone上的VoiceOver手势 将帮助你了解手势操作。

更多关于VoiceOver的有用文章可以在那个页面的目录中找到,通过访问 目录 > 辅助功能 > 视觉 > VoiceOver

Android设备(手机和平板电脑)

Android拥有自己的屏幕阅读器,叫做TalkBack。.

  1. 在您的设备上,导航到设置 > 辅助功能 > TalkBack 来激活它。

  2. 切换使用服务选项以打开屏幕阅读器。

请注意使用服务选项下面的简要说明,以了解如何使用Android TalkBack。有关详细信息,请访问谷歌的指南“使用TalkBack在Android上入门”。

颜色对比检查工具

辅助测试的一个重要部分是检查文本的颜色与其背景之间的对比是否足够,以便视力受损的人能够更容易地阅读这些文本。

有两种最常用的颜色对比检查工具:

WebAIM的对比检查器可以让你快速检查单个HTML元素的对比度。如果你想检查整个页面而不仅仅是单个元素,请查看下面的WAVE

颜色对比分析仪 (CCA) 可用于Windows和macOS,用于测量颜色对比度比率,并提供其符合WCAG 2.1的信息。该工具根据其测量结果指示哪些WCAG检查点未通过。

通过使用“Pinch”功能,您可以测量文本和其背景的颜色,或手动输入它们,应用程序将计算颜色对比度比率。

自动化工具

WAVE是WebAIM提供的免费Web可访问性评估工具。它是一套评估工具,可以识别许多可访问性问题和Web内容可访问性指南(WCAG)错误。它通过将图标和指示器注入页面来提供有关网站内容可访问性的视觉反馈,这使得测试网站可访问性更加便捷,减少了您的手动测试工作。


您可以使用在线的WAVE工具或Firefox和Chrome的WAVE扩展来分析整个页面的颜色对比度。

要开始使用,请查看WebAIM提供的介绍。

或者,您可能想尝试W3C的HTML验证器工具。

这是否解答了您的问题?