可访问性测试（无障碍测试）

大家好，我是阿萨。 日常工作中大家经常忽略可访问性测试。 今天我们就先聊一聊可访问性测试。

什么是网页可访问性（无障碍）:

网络是向所有人开放的，作为一个测试者(也是人)，我们有责任检查它是否对所有用户开放。反过来，这将为业务的成功做出很大贡献，因为我们努力让每个用户都能访问应用程序。

这也将增加用户的满意度和我们的业务。

对于大多数用户来说，通过网络使用互联网很容易。但当我们面对一个面临挑战的不同人群时，情况就不同了。网站对这一群体的用户来说也是可访问的、可用的和有用的，并且不应该根据语言/文化/位置/软件/身体或心理能力来区分用户。

什么是易用性测试?

测试一个web应用程序，以确保每个用户都能轻松地访问网站，这被称为可访问性测试。帮助确保网站在这一领域确实有效的专门测试分支被称为“Web可访问性测试”。

最重要的是，对于易访问性测试也有一定的法律和指导方针需要遵循。

无障碍环境与法律

• 美国残疾人法案:这项法律规定，所有领域，如公共建筑、学校和组织，都应该让每个人都能使用这项技术。
  
• 《康复法》第504条和第508条:第504条允许所有残疾人进入工作场所、教育和其他组织，第508条允许残疾人获得技术。
  
• Web内容可访问性指南:这些指南建议了一些方法，可以帮助提高网站的可访问性。
  

推荐工具

1) QualityLogic

QualityLogic是最好的易访问性测试服务提供商之一，您可以轻松获得WCAG 2.1 AA和AAA认证。他们以拥有合格的WCAG测试技术人员而闻名，他们执行自动、手动和回归测试，之后他们会奖励你一个证书，证明你的网站完全符合WCAG标准。

特点:

• 视障QA工程师是QualityLogic网站可访问性审核团队的重要组成部分。
  
• 利用自动化测试工具来发现错误，如HTML错误、结构问题等。
  
• 手工测试由熟练的WCAG测试技术人员完成。
  
• 生成包含错误摘要的遵从性报告。
  
• 执行回归测试以确保完全符合WCAG 2.1 AA和AAA标准。
  

关于测试网站可访问性的误区

误解1:它很贵。

事实:预防总是比治疗好，所以我们可以在设计阶段就考虑可访问性问题，从而降低成本。

误解2:将不可访问的网站转换为可访问的网站是一个耗时的过程。

事实:我们可以优先考虑事情，只满足基本需求。

误解3:可访问性简单而乏味。

事实:可访问性并不意味着网站应该只包含文本。我们也可以添加图像，使其更具吸引力，但需要注意的是，它应该是所有人都可以访问的。

误解4:无障碍测试是针对盲人和残疾人的。

事实:软件对所有人都是有用的，因此这个测试是针对所有用户的。

无障碍测试的挑战

以下是无障碍指南试图解决的一些常见挑战或困难:

重要性

• 方便、高效地为残疾或有困难的用户提供服务
• 增加市场份额和受众范围
• 提高可维护性和效率
• 满足现有和未来的法律要求，并帮助遵守道德规范
• 支持国际化
• 帮助低带宽用户访问。

最终，一切都转化为“更好的业务-更多的钱”。

如何衡量网页可访问性?

web的可访问性可以通过W3C创建的web内容可访问性准则(WCAG)来衡量。很少有其他部门也制定了自己的指南，但这些指南也遵循了Web无障碍倡议(WAI)指南。

评估网站的可访问性:

有很多因素在其中起作用，例如:

• 内容
• 大小
• 代码
• 标记语言
• 开发工具
• 环境

一如既往，在项目的初始阶段实施网页易访问性技术是一个很好的实践。修复无法访问的网站需要额外的努力。以下是一些简单的技术示例:

• 核实页面标题
• 图像文本替代品(“alt文本”)
• 标题
• 对比度(“颜色对比度”)..等。

在一定程度上，我们还可以借助“评估工具”来确定可访问性。有一些事情，如alt文本是否适合图像，不能完全评估，但它们在大多数情况下是有效的。

要遵循的通用网页设计原则

网站应该普遍设计的方式，它应该遵循可用性和可访问性原则。每个人都有自己的学习和处理风格，因此网站/产品的设计应该抛开这一点。以下是网站设计的一些基本标准原则: 1)协调:项目中的每个活动和每个人都应该相互协调。人们应该记住，网站应该根据自己的标准和W3C标准来设计。 2)执行:作为一个负责任的组织，你应该对创建一个可访问的网站负责。我们应该这样做，而不是让用户自己对一个可访问的网站负责。 3)领导:每个人都应该了解这些原则，如果他们在访问网站时遇到任何问题，都必须告知。4)考虑访问:我们需要遵循标准，与此同时，我们可以考虑为特殊残疾人组织遵循的标准。5)技术维度:一个网站的设计应该考虑所有的技术标准。6)教育研究:我们必须研究可访问性和访问网站时面临的问题。在此基础上，对员工进行培训，使他们了解标准和问题。7)社会包容:不仅在网络世界中，在现实世界中，所有人都应该被平等对待。除了这座建筑，POUR网站也是必要的。现在问题来了，POUR代表什么，答案如下:

可感知的:web套件的展示应该是可感知的。内容应该从所有用户的角度来看都有意义。

可操作的:如果用户能够轻松地浏览站点，就可以说站点是可操作的。

可理解的:网站上的所有内容都必须被任何类型的用户理解。简而言之，语言应该简单而不是复杂。

健壮:无论技术和用户类型如何变化，内容都应该健壮。

如何执行易访问性测试-一步一步的指南

这可以使用手动和自动化测试方法来完成。

手动方法

市场上有许多可用于可访问性测试的工具，但可能存在一些问题，如缺乏熟练的资源、预算等。在这种情况下，我们可以使用手动测试。

以下是手动测试网站可访问性的几种方法:

1)我们可以使用高对比度模式:使用高对比度模式，我们可以突出网站的内容。当我们打开高对比度模式时，网站的内容会自动高亮，因为它变成白色或黄色，背景变成黑色。为了打开高对比度模式搜索，在搜索框中设置高对比度模式。 在这里，你会得到一个选择主题的选项，从下拉菜单中选择高对比度的主题。

更改设置后，浏览器将如下所示。

在此之后，我们可以查看内容是否正确可见。

2)不访问图像:暂时，你可以关闭访问，看看文本是否合理的内容，因为有些人可能没有访问权限，或者有时它需要很长时间来加载图像。您可以通过以下方式关闭浏览器:Internet Explorer:工具->Internet选项->高级->显示图片(取消勾选)。

Firefox:打开Firefox并在地址栏中输入about:config，您将得到如下所示的输出。

Firefox-配置设置在得到这个屏幕后，你必须搜索' permission.default.image '并将值从0-1调整。

3)检查标题:检查标题是否可用，并确保它是非常描述性的。很多时候，我们在facebook页面上遇到链接，其中的图像或视频可能需要很长时间才能显示，但标题将会对我们有很大帮助。

4)通过关闭层叠样式表(CSS): CSS主要用于描述文档的表示。关闭后，我们可以检查背景颜色、文本样式和文本显示样式。

5)尝试使用键盘:如果你是游戏玩家或excel专家，那么这个测试对你来说一定更容易。尽量不要触摸鼠标，用键盘来访问网站。您可以使用“Tab”键在链接之间切换“Tab”+“Shift”会带你回到原来的位置。

6)使用字段标签:它在填写表单时很有用，字段标签是你在查看模板时看到的。通过使用它，人们可以在网上注册或订购东西时填写必要的信息。

7)将字体大小改为大:使用大字体和连续可访问性检查。

8)跳过导航:这可能对有运动障碍的人有用。通过单击Ctrl + Home，您可以将焦点移到页面顶部。

9) PDF文档:尝试以文本的形式保存PDF文件，并检查内容的顺序是否保持不变。

10)通过禁用样式:禁用样式并检查表格的内容是否正确排列。

11)内容缩放:试着缩小图像，检查它是否可读。

自动易访问性测试

随着自动化在测试领域的广泛传播，我们也可以将自动化用于可访问性检查。我们有几个自动化测试工具。

1)aDesigner:它是由IBM开发的，用于从视障人士的角度测试软件。

2) WebAnywhere:它作为屏幕阅读器，不需要特殊安装。

3) Vischeck:这个工具可以帮助我们以各种形式重现图像，这样我们就可以想象当它被不同类型的用户访问时它会是什么样子。

4)颜色对比分析仪:它检查颜色组合并分析可见性。

5) Hera:它检查应用程序的风格，并提供多语言选项。

6)火狐可访问性扩展:火狐允许你扩展它的功能。您可以将其添加到打开Firefox- addon -可访问扩展。它将帮助您测试报告，导航，链接文本等。

可访问性扩展

插件管理器界面点击扩展后，你会得到一个搜索插件的选项。

7) TAW在线:

它让你可以选择测试检查软件是否按照WCAG 1.0或WCAG 2.0的指导方针开发。它还可以选择分析级别。

8) PDF可访问性检查器:

它检查PDF文件的可访问性。

易访问性测试清单/测试用例/场景

以下是在进行此类测试时需要检查的几点:

• 标签书写、摆放是否正确。
• 音频/视频内容是否正常可听/可见。
• 颜色对比度是否保持。
• 视频的控制动作是否正常工作。
• 如果为菜单提供了短键，那么您需要检查是否所有这些都工作正常。
• 如果选项卡之间的导航是一个简单的任务，需要检查选项卡。
• 申请是否遵循所有的原则和指导方针。
• 标题是否独特，是否能传达意思和结构。
• 如果链接文本写有内容描述，而不是产生歧义。
• 是否提供有意义的多媒体标题。
• 是否有明确的指示。
• 内容是否清晰、简洁、易懂。

以下是网站应满足的可访问性的关键点:

• 链接文本应该是描述性的。视觉残疾用户访问网页通过点击键盘上的标签按钮和从链接到链接移动。因此，正确定义链接的描述是至关重要的。确保超链接可以使用tab键访问。
• 尽可能提供适当的图片。图画比语言更响亮。尽可能为文本添加适当的图片。图片可以描述网站的内容，为识字有困难的用户。
• 使用简单的语言。认知障碍的用户有学习困难，使句子简单易读对他们来说是非常重要的。
• 一致的导航。对于有认知障碍的用户来说，整个页面的一致性导航也非常重要。保持网站的一致性，不要定期修改页面，这是一个很好的做法。调整到新的布局是耗时的，可能会变得困难。
• 忽略弹出窗口。使用屏幕阅读器阅读网页的用户，弹出窗口对他们来说真的很不方便。屏幕阅读器从上到下阅读页面，然后突然弹出一个窗口，读者会在实际内容之前先开始阅读它。它会让视觉障碍用户感到困惑。
• CSS布局。基于CSS的网站比基于HTML代码的网站更容易访问。
• 把大句分成小句。视觉障碍用户听网页上的信息，并试图记住它。把大句子分成简单的小句子可以帮助你更容易地回忆起事情。
• 不要使用字幕文本。避免花哨的文字，保持简洁。

简而言之，我们需要检查应用程序是否根据W3C指南、网站设计原则和可访问性原则开发，为此，我们必须了解所有这些原则。我们可以通过验证和验证网站/应用程序的书面内容、设计和开发方法来总结上述检查点。

结论

可访问性测试简单地解释了如何轻松地导航、访问和理解软件。它适用于所有类型的用户。测试人员应该从每个人的角度进行测试。就像任何其他类型的测试一样，这种测试也可以手动完成，也可以在自动化工具的帮助下完成。测试人员的目标应该只是检查指导方针是否满足，以及用户使用软件的容易程度和友好程度。