什么是可访问性测试?(示例)
什么是无障碍测试?
无障碍测试被定义为一种软件测试,旨在确保所测试的应用程序可供残障人士使用,例如听力障碍、色盲、老年人以及其他弱势群体。它是可用性测试的一个子集。
残障人士使用辅助技术,帮助他们操作软件产品。此类软件的例子有:
- 语音识别软件 – 将口语转换为文本,作为计算机的输入。
- 屏幕阅读器软件 – 用于朗读屏幕上显示的文本。
- 屏幕放大软件– 用于放大显示器,方便视力受损用户阅读。
- 专用键盘 专为有运动控制困难的用户设计,方便打字
为什么进行无障碍测试?
原因1:满足残障人士的市场需求。
大约20%的人口存在残障问题。
- 每10个人中就有1人有严重残疾
- 65岁以上的人中,每2人就有1人能力下降
残疾包括失明、失聪、肢体残疾或身体任何障碍。
如果软件产品能够做到对残障人士友好,它就可以满足这个巨大的市场。如果将无障碍测试纳入正常的软件测试生命周期,软件中的无障碍问题就可以得到解决。
原因2:遵守无障碍法规
世界各国政府都出台了法律法规,要求IT产品必须对残障人士无障碍。
以下是各国政府的法律法规:
- 美国:《美国残疾人法案》 – 1990年
- 英国:《残疾歧视法案》 – 1995年
- 澳大利亚:《残疾歧视法案》 – 1992年
- 爱尔兰:《2005年残疾法案》
无障碍测试对于确保法律合规性至关重要。
原因3:避免潜在诉讼
过去,财富500强公司曾因其产品对残障人士不友好而被起诉。以下是一些著名的案例。
- 全国盲人联合会(NFB)诉亚马逊(2007)
- Sexton和NFB诉Target(2007)
- NFB诉AOL和解(1999)
最好创建支持残障人士的产品,并避免潜在的诉讼。
支持哪些残障?
应用程序必须支持以下残疾人士:
残疾类型 | 残疾描述 |
---|---|
视力障碍 |
|
肢体残疾 |
|
认知障碍 |
|
读写障碍 |
|
听力障碍 |
|
如何进行无障碍测试?
无障碍测试可以通过两种方式进行:
- 手动
- 自动化
无障碍测试可能对测试人员来说具有挑战性,因为他们不熟悉残疾。最好与有特殊需求的残疾人合作,以了解他们的挑战。
根据残障类型,有不同的无障碍测试方法。我们将逐一学习。
1) 视力障碍
好的,现在假设我没有视力。我完全失明了,我想访问XYZ网站。在这种情况下,有什么选择呢?我不能访问XYZ网站吗?我有什么选择?有一个词的选项,叫做屏幕阅读器。 是的,你猜对了。屏幕阅读器。现在,这个屏幕阅读器是什么?它是一种用于朗读网页内容的软件。基本上,你的网站上有什么,无论是内容、链接、单选按钮、图片、视频等。屏幕阅读器都会为我朗读每一项。有许多屏幕阅读器可用。我曾使用过Jaws。
基本上,当你启动 Jaws 或任何屏幕阅读器,然后进入网站时,它会为你朗读完整内容。例如:我启动了 Jaws,并启动了浏览器,Jaws 会宣布 Mozilla Firefox 启动页面,现在如果我进入地址栏,Jaws 会宣布 地址栏,然后我在地址栏上输入 www.google.com,Jaws 会解释如下:-
Address Bar,w,w,w,period,g,o,o,g,l,e,period,c,o,m. Also, when the page loads completely jaws will again announce Google.Com Home page. Now if I go to Google Search, then JAWS will announce that Google search. So it would be easy for a blind person to recognize things in an easy manner.
我想在这里解释的重点是,如果您输入某些内容或在文本框中输入,屏幕阅读器会逐字朗读。同样,如果有一个链接,它会将其读作链接;对于按钮,它会将其读作按钮。这样,盲人就能轻松识别事物。
如果一个网站设计和开发得很差,那么 Jaws 可能无法朗读正确的内容(这种情况通常会发生),这反过来又会导致盲人无法访问(假设 Jaws 将一个链接朗读为内容,那么盲人用户将永远无法知道那是一个链接,如果这对该网站至关重要,那该怎么办呢?)。在这种情况下,这将对网站业务造成巨大的损失。
2) 视力受损
我想在视力受损下提及两个类别。
第一种是色盲。色盲意味着并非完全失明,而是无法正确看到某些特定颜色。红色和蓝色是色盲患者无法正确看到的常见颜色。所以,基本上,如果我有红色色盲,我想使用一个80%是红色的网站,那该怎么办呢?我会对那个网站感到舒适吗?答案是不会。
因此,网站的设计应使色盲人士在使用时没有任何问题。以一个简单的红色按钮为例。如果它用黑色边框勾勒,那么它就更容易访问。通常,黑色和白色被认为是通用的。
3) 视力不佳
第二种情况是视力不佳(视力不清晰)或有各种眼部问题(有许多与视网膜等相关的眼部问题)的人访问任何网站。
1) 在这种情况下,最好的做法是避免使用小字体。因为这对视力不佳的人来说将是一个巨大的优势。
2) 此外,有视力问题的人可能希望放大网站文本,以使其更舒适。因此,网站的设计应确保在放大文本时,其布局不会因放大而破坏。否则,这将给他们留下不好的印象。
4) 其他残疾
在针对残疾用户的无障碍测试中,一个非常重要的考虑点是无需使用鼠标即可访问网站。用户应该能够完全通过键盘访问网站的所有链接、按钮、单选按钮、复选框、弹出窗口、下拉菜单,所有控件都应完全可通过键盘访问和操作。
例如:如果我右臂瘫痪,并且不习惯使用鼠标,或者说我不想使用鼠标,那该怎么办?在这种情况下,如果我无法通过键盘访问网站上的链接或复选框,那该怎么办?因此,网站应该完全可以通过键盘访问。
Alternative Text should be there for Images, Audio, Video so that screen reader reads them and will narrate them so that a blind person can easily recognize what the image, audio, the video is all about. In addition, to it, keyboard shortcuts should be there to easily access website and navigation should be available with the keyboard.
此外,焦点应完全可见。当我们按下 Tab 键时,用户应该能够看到控件的移动方向。通过可见的焦点,视力不佳或色盲用户可以很容易地识别网站的流程,并且也更容易访问。
听力障碍用户(耳聋或听力困难): 最后一种是听力障碍者。耳聋者可以访问网站,因为他能够看到网站上的内容。但当涉及到音频和视频时,他们会遇到困难。因此,在这种情况下,任何视频和音频都应该有替代文本。替代文本是指替代文本。假设有一个关于如何预订机票的视频。在这种情况下,应该有文本,这样耳聋者就可以阅读并了解视频的内容。
无障碍测试示例测试用例
以下是需要检查应用程序以供所有用户使用的要点。此清单用于无障碍测试的签署。
- 应用程序是否为所有鼠标操作和窗口提供键盘等效功能?
- 用户文档或手册中是否提供了说明?是否易于理解和操作应用程序?
- 选项卡是否按逻辑顺序排列以确保平滑导航?
- 是否为菜单提供了快捷键?
- 应用程序是否支持所有操作系统?
- 是否明确提及每个屏幕或页面的响应时间,以便最终用户知道需要等待多长时间?
- 应用程序中所有标签是否书写正确?
- 应用程序的颜色对所有用户是否灵活?
- 图像或图标是否使用得当,以便最终用户易于理解?
- 应用程序是否有音频警报?
- 用户是否能够调整音频或视频控件?
- 用户是否可以覆盖打印和文本显示的默认字体?
- 用户是否可以调整或禁用闪烁、旋转或移动的显示?
- 检查以确保颜色编码绝不是传达信息或指示操作的唯一方式。
- 高亮显示是否以反转颜色显示?通过改变对比度来测试应用程序中的颜色
- 听障人士是否能正常听到音频和视频相关内容?在网站上测试所有没有扬声器的多媒体页面
- 是否为残疾用户提供了培训,使他们能够熟悉该软件或应用程序?
最佳无障碍测试工具
为了使您的网站更受欢迎和更用户友好,其易访问性至关重要。有各种无障碍测试工具可以检查网站的无障碍性。
以下是一些流行的无障碍测试工具
1) 波浪
Wave 是 WEBAIM 创建的免费网页无障碍工具。它用于手动验证网页在无障碍方面的各个方面。此工具可用于检查内联网、受密码保护、动态生成或敏感网页。网页无障碍工具栏的主要功能包括识别网页组件、提供对页面内容替代视图的访问以及促进使用第三方在线应用程序。它确保100%私密和安全的无障碍报告。
请访问此处
2) TAW
TAW 是一个在线工具,用于确定您网站的无障碍性。此工具根据 W3C 网页无障碍指南分析网站,并显示无障碍问题。网页无障碍测试问题分为优先级 1、优先级 2 和优先级 3。TAW 的一个有趣功能是能够生成 WCAG 1.0 的子集进行测试。在 TAW 工具中,您可以选择测试单个页面或通过“蜘蛛”一个网站来测试多个页面。TAW 还允许我们通过“用户检查”对话框定义其他检查。
请访问此处
3) 无障碍开发者工具
这是一个Chrome扩展。它进行无障碍审计。审计结果显示了被测试页面违反的无障碍规则。该扩展评价很高,并且经常更新。
请访问此处
4) 快速无障碍页面测试器
由于有一些出色的无障碍工具栏,快速页面无障碍测试器是一个您可以点击的书签,可以对网页进行快速分析。它会找出您页面上的各种问题,警告可能的风险,并突出显示页面上可能受益于 ARIA(可访问富互联网应用程序)的区域。
访问此处
市场上有各种用于执行网页无障碍测试的工具,如下所示:
5) aDesigner
这是IBM开发的一款工具,它模拟视力受损人士的体验,以便设计师更好地理解残疾人的需求并相应地开发应用程序。
请访问此处
6) WebAnywhere
这是一款基于浏览器的工具,其工作方式与 Jaws 等屏幕阅读器类似。它协助读者阅读网页。
请访问此处
7) 网页无障碍工具栏
WAT 是 Internet Explorer 或 Opera 的扩展,为网页设计师提供了分析网页的有用功能。其中一个最好的功能是灰度功能,它有助于在设计中找到低对比度区域。
请访问此处
无障碍测试的误区
以下是无障碍测试的误区
误区:创建无障碍网站成本高昂
事实:它并不昂贵。在设计阶段就花时间考虑无障碍问题,并进行基本测试。这可以节省资金并减少返工。
误区:将非无障碍网站改为无障碍网站耗时且昂贵。
并非所有更改都需要一次性完成。从对残疾用户最必要的基本需求入手。
误区:无障碍设计枯燥乏味
你可以让网页具有吸引力,但其设计方式应能被所有用户访问。此外,根据 W3C 网页内容无障碍指南,强烈不鼓励使用纯文本页面。
误区:无障碍是为盲人和残疾人准备的。
事实:遵循无障碍指南可以提高软件的整体可用性,这也对普通用户有所帮助。
结论
在软件工程中,无障碍测试有助于使您的应用程序对残障人士友好。如果由于您的网页应用程序的复杂性而无法遵循无障碍指南,可以为普通用户构建一个版本的网站,为残障用户构建另一个版本。