如何进行网站和网络应用程序的可访问性测试

迪鲁宾
253 阅读15分钟

{ "@context":"schema.org/", "@type":"BreadcrumbList", "itemListElement":[{ "@类型":"ListItem", "position":1, "名称":"首页", "项目":"www.lambdatest.com/" },{ "@type":"ListItem", "position":2, "name":"blog", "item":"www.lambdatest.com/blog/" },{ "@type":"ListItem", "position":3, "name":"如何进行网站和网络应用程序的可访问性测试", "项目":"www.lambdatest.com/blog/access…" }] }

{ "@context":"schema.org", "@type":"FAQPage", "mainEntity":[{ "@类型":"问题", "名称":"什么是QA中的无障碍测试？", "acceptedAnswer":{ "@type":"答案", "文本":"软件质量保证中的无障碍测试是确保应用程序对尽可能多的用户无障碍的过程，例如有视力障碍、耳聋和认知状况的残疾人。" } },{ "@type":"问题", "名称":"为什么需要进行可及性测试？", "acceptedAnswer":{ "@type":"答案", "文本":"无障碍测试有助于公司通过允许视力、听力和行动不便的人访问在线技术资源来扩大其客户群。" } }] }

在这个快速的数字环境中，客户的期望、趋势和技术正以惊人的速度变化。每个组织都希望扩大其网站和网络应用的用户群。 不幸的是，许多网络应用程序未能实现其全部潜力，因为它们在设计和开发阶段没有考虑最终用户的要求。因此，适应当前的数字世界是当务之急。

创建一个所有用户都能使用的新技术需要大量的努力。例如，如果你要向市场发布一个网络产品（网站或网络应用）。在这种情况下，它必须对每个人都是无障碍的，包括有特殊需求的用户，如失明、失聪和其他身体或认知上的挑战。

根据世界卫生组织的调查，世界上15%的人口有某种形式的残疾。因此，组织必须确保他们的数字内容对互联网上的所有用户都是无障碍的，包括那些有身体障碍的人。这就是无障碍测试的作用。

无障碍测试确保你的网站和网络应用对每个人都是可用的，包括那些有残疾的人，如盲人、聋哑人或其他认知挑战。

在本教程中，我们将阐明什么是无障碍测试，它的好处，神话，以及如何对你的网站和网络应用进行无障碍测试。

让我们深入了解一下吧

目录

什么是无障碍测试？

无障碍测试是一种验证数字内容（网站或网络应用程序）对所有用户都可用的技术，包括那些有视力障碍、耳聋和其他认知条件的残疾人。它确保内容的无障碍性，而不需要使用鼠标、触摸板、阅读、内容等传统的交互方式。

QA团队利用无障碍测试工具满足他们的测试需求，如语音识别、屏幕阅读器等。通过在测试过程中实施无障碍测试，团队可以确保网站的内容对所有用户来说都是容易访问的，没有任何障碍。

无障碍测试被认为是可用性测试的一个子集。无障碍测试也被缩写为A11Y，数字11代表无障碍测试一词中被舍弃的字母数量。

  1. 可感知的。一个界面和信息必须能够被终端用户感知。例如，图像中的alt文本。
  2. 可操作性。在整个用户界面上，导航必须是可访问和可操作的。例如 - 键盘导航
  3. 可理解的。用户界面的内容必须是可读的，使用有意义的语句而不是彩色编码的指令。
  4. 健全。用户界面的内容必须是健全的，以便让所有的用户都能访问。例如--在不同的视口（如台式机、手机和平板电脑）上访问一个URL。

W3C定义了三个一致性等级--A、AA 和AAA，企业可以在其开发和测试生命周期中使用。

为什么无障碍测试很重要？

随着数字应用的激增，确保你的网站对所有用户都是无障碍的，这已成为不可避免的事情。

此外，在美国，法律要求进行网络无障碍测试。在第508条、《网络内容可及性指南》（WCAG）和《美国残疾人法案》（ADA）中，不遵守规定可能导致55,000美元至150,000.000美元的罚金。

此外，如果你的网站或网络应用无法访问，你可能会失去目标受众的大量流量和收入。它还可以帮助你的组织避免法律纠纷，优化搜索引擎优化，以及更多。

测试你的网站在3000多个桌面和移动浏览器上的可访问性。现在就试试LambdaTest吧!

无障碍性测试的好处

除了为残障人士提供无障碍网站外，网络无障碍测试还有许多其他好处。

  • 提高您的网站或网络应用程序的整体可用性和用户体验，从而提高性能。
  • 通过创建无障碍网页内容，提升你的网站SEO。同时，整洁的用户界面和流畅的导航有助于提高跳出率。
  • 世界上大约有15%的人口患有残疾。因此，如果你的网络应用遵循无障碍准则，它将最终增加你的业务收入。
  • 创建无障碍网站和网络应用有助于你避免法律问题。
  • 基于网络的无障碍应用程序可以帮助你接触到更多的观众，因为无障碍内容可以通过各种方式来查看和使用，比如文本替代物、书面记录、字幕等等。
  • 无障碍网站的富文本格式使搜索引擎更容易找到它们。
  • 为有听力障碍的人将音频编码成简单的描述。

围绕网络无障碍测试的常见迷思

自1997年无障碍测试开始以来，它一直被忽视，没有被纳入现代网页设计中。关于网络无障碍测试的各种迷思使人们不敢在其网站上实施无障碍测试。

让我们来看看围绕无障碍测试的一些迷思 --

  • 无障碍网站昂贵而繁琐。事实并非如此如果你在正确的时间，即在项目开始时进行网络无障碍测试，你将会节省美元。然而，在最后一刻，当你有一个昂贵的诉讼或陷入法律上的复杂问题时才应用无障碍测试，从长远来看是行不通的，整个过程将变得错综复杂。
  • 无障碍测试是复杂的：如果你的网络应用程序或项目处于开发的高级阶段，你可能会遇到这样的说法--无障碍测试是困难的。事实恰恰相反。作为一名网络开发人员，你可以学习不同的工具和资源来进行无障碍测试。它将帮助你缓解WebAIM百万报告中提到的主要无障碍问题和其他相关问题。
  • 无障碍网站是可怕的。无障碍网站既可以是诱人的，也可以是可怕的。无障碍性的关键要求是将HTML（内容）和CSS（视觉布局）分开，以便其他人可以使用他们喜欢的CSS访问内容。网站的视觉外观不受无障碍性的影响。
  • 无障碍性是针对盲人和残疾人的。有一个普遍的神话，即无障碍环境只针对盲人和残疾人。 然而，事实并非如此。无障碍性影响到所有的用户，不管是什么残疾。
  • 自动可及性测试是足够的。自动无障碍测试不能取代人工无障碍测试，因为有些测试仍然需要人工干预。此外，根据无障碍工具的审计报告，自动测试只能识别30%的问题。然而，我们不应忽视自动无障碍测试。

使网站具有可访问性时要解决哪些方面的问题

在使网站具有可访问性之前，你需要确定你的目标受众的具体需求。一个网站应该按照《网络内容可访问性指南》（WCAG）提供的准则进行调整。

以下是在制作网站时应该解决的因素。

  • 视力障碍。视力不佳、色盲、视觉困难，如视觉频闪和闪烁效果。
  • 身体残疾。不能操作鼠标或键盘，运动功能缓慢。
  • 听力残疾。耳聋，部分听力。
  • 阅读障碍。阅读困难。
  • 认知障碍。记忆力差和学习困难。

网站无障碍测试的检查表

在无障碍测试教程的这一部分，我们将讨论在进行无障碍测试时必须考虑的一些关键点。

  • 定义图像中的 "alt "标签。视力受损的用户使用屏幕阅读器访问网页内容。屏幕阅读器让他们知道图片中的内容。因此，链接的描述应该被适当地定义。
  • 使文字可读。有阅读障碍的用户面临学习困难。所以，使文字和句子对他们来说可读性是至关重要的。
  • 导航。确保整个网站的用户导航是一致的，避免修改网页布局。
  • 添加图片。尽可能为文本加入图片，以帮助有阅读障碍的用户轻松掌握内容。
  • 使用对比色。确保网站有足够的对比度，使视力障碍用户能够感知数字内容。
  • 避免弹出式窗口。插入弹出式窗口，可以让屏幕阅读器在阅读实际内容的同时阅读弹出式内容。所以最好避免它们。
  • 基于CSS的网站。CSS编码的网站被认为比基于HTML的网站更容易被访问。
  • 辅助性技术。网站应包括辅助技术，供运动技能有限、无法使用键盘或鼠标的用户使用。
  • 动态互动元素。下拉菜单和可点击的图像应可通过键盘、语音命令和辅助技术使用。
  • 视频字幕。视频应该为有听力障碍的用户提供不同语言的字幕。

可访问性测试的类型

为了使网站和网络应用程序对各种残疾用户无障碍，你必须首先评估你的网络应用程序如何满足他们的具体需求。然后你就可以进行你的无障碍测试了。

在软件开发生命周期中，您可以通过手动和自动两种方式进行无障碍测试。有两种类型的无障碍测试。

  1. 手动可及性测试
  2. 自动可及性测试

手动可及性测试

手动无障碍测试是一种使用键盘交互、辅助技术和浏览器插件的奇特组合来测试网站和网络应用的无障碍性的技术。它有助于检测出无法通过程序识别的问题。然而，运行无障碍测试是一个耗时的过程，而且容易出现人为错误。

自动可及性测试

自动可及性测试是网络应用程序测试的最有效方式。测试人员可以利用无障碍测试工具来测试各种网站和网络应用。它有助于减少测试执行时间，具有成本效益，专注于需要关注的关键领域，并使整个过程更快。

无障碍测试工具

自动化的无障碍测试使测试人员能够节省时间和精力，并自信地运送高质量的产品。下面是几个流行的测试网络无障碍性的工具。

WAVE

WAVE是一个由WebAIM开发的工具，用于评估网络应用的可及性。它是火狐浏览器的一个工具条。WAVE在浏览器上评估可及性，不在服务器上存储任何东西。

aXe

aXe是Deque Systems的一个免费的开源工具，用于运行可及性测试。它适用于Chrome和Firefox，以测试网页内容的可访问性。aXe显示导致问题的代码以及解决问题的方案。

TAW

TAW是一个自动化测试工具，用于测试基于WCAG 1.0和2.0的可访问性。它是由CTIC Centro Tecnólogico开发的。 你只需要输入你网站的URL来测试可及性。TAW还定义了无障碍性问题以及修复这些问题的具体建议。

网络可及性检查器

Web Accessibility Inspector是一个用于测试桌面应用程序可及性的工具。你只需要指定网络URL或文件的位置。在浏览器屏幕上，你可以看到网页上出现无障碍性问题的元素的标记。Web Accessibility Inspector在Windows和Mac OS X上都可以使用。

JAWS

JAWS（Job Access With Speech）是一个由Freedom Scientific开发的工具。它是为失去视力的用户提供的最流行的屏幕阅读器。JAWS最受欢迎的功能包括两个多语言合成器：Eloquence和Vocalizer Expressive。

可访问性测试的挑战

即使设计了最简洁和用户友好的网站和网络应用，也可能忽略了无障碍性的一些重要方面。以下是在进行无障碍测试时可能出现的一些挑战。

  • 视力障碍。在开发网络应用程序时，必须考虑视力障碍，如视力不佳、色盲等。实施屏幕阅读器是解决视觉障碍的有效方法。
  • 听觉障碍。重要的是要确保网站对有听力障碍的用户是无障碍的，如耳聋，部分听力，等等。使用音频转写和视觉手语可以帮助有听力障碍的用户。
  • 身体残疾。有必要使身体残疾的用户能够使用网络应用，他们不能操作鼠标或键盘，而且运动功能缓慢。最好的方法是利用语音识别来处理使用语音命令的网络应用。
  • 认知障碍。网站需要对有认知障碍的人，如学习困难或记忆力弱的人进行访问。 使用设计和符号是可行的方法，使内容可用，易于理解。

使用屏幕阅读器和语音浏览器测试你的网站的可访问性。现在就试试LambdaTest吧!

如何进行网络可及性测试？

在无障碍测试教程的这一部分，我们将看到如何在各种浏览器和操作系统组合中对网站和网络应用程序进行无障碍测试。如上所述，有不同的工具用于测试无障碍性。然而，安装和配置每个工具以满足特定用户的需要是一项具有挑战性的任务。

同时，你还需要验证你的网站在不同浏览器和平台上的外观。查看我们的博客，了解跨浏览器可访问性的概念。在这里，一个可行的选择是选择一个基于云的测试平台，如LambdaTest，在一个由3000多个真实的桌面浏览器和操作系统组合组成的在线浏览器场上运行网站和网络应用的可及性测试。

以下是LambdaTest平台提供的功能-- 1.

  • 在真实的桌面浏览器、设备和操作系统上进行在线网络测试。
  • 与第三方工具的无缝集成，如Jira、Asana、Jenkins、Microsoft Teams等。
  • 使用安全的LambdaTest隧道对网站进行本地测试。
  • 跨越53个国家的地理位置测试和本地化测试。
  • 轻松调试
  • 企业级的安全性。

你可以利用屏幕阅读器和语音查看器的力量，使用NVDA（非视觉桌面访问）的Windows和Mac会话来测试数字内容的可访问性和网站的视觉识别。

以下是在LambdaTest平台上测试网站和网络应用的可访问性的步骤。

  1. 如果您没有LambdaTest账户，请访问LambdaTest注册页面并创建一个。
  2. 登录LambdaTest，它将引导你进入仪表板。
  3. 从左边的侧栏，选择实时测试。

Test the accessibility of websites

  1. 输入一个测试URL，并选择版本、操作系统和分辨率。单击 "开始

Enter a test URL for accesibility test

  1. 一个虚拟机将启动。从左边的控制栏中点击设置图标，然后选择可访问性。

Virtual machine accesibility testing

  1. 选择 "屏幕阅读器 "复选框，你就完成了

Select the Screen Reader checkbox

现在您可以对您的网站或网络应用进行实时网络可及性测试。

这里有一个关于LambdaTest的实时浏览器测试的快速视频教程。

订阅LambdaTest YouTube频道，获得围绕Selenium测试、Cypress UI测试、CI/CD等的最新教程!

总结

测试一个网站的可访问性，解释了它在导航、访问和理解其内容方面的便利性。此外，无障碍性不仅适用于残疾人，也适用于所有人。

牢记《网络内容可及性指南》（WCAG），人们可以进行手动和自动的可及性测试。然而，为了避免陷阱，建议在软件开发生命周期（SDLC）的早期阶段纳入无障碍测试。

常见问题(FAQ)

什么是QA中的无障碍测试？

软件质量保证中的无障碍测试是指确保尽可能多的用户（如有视力障碍、耳聋和认知障碍的残疾人）能够使用一个应用程序的过程。

为什么需要进行无障碍测试？

无障碍测试通过允许视力、听力和行动不便的人访问在线技术资源来帮助公司扩大其客户群。

avatar
文章
阅读
粉丝