日常工作中大家经常忽略可访问性测试。今天我们就先聊一聊可访问性测试。
什么是网页可访问性(无障碍):
网络是向所有人开放的,作为一个测试者(也是人),我们有责任检查它是否对所有用户开放。反过来,这将为业务的成功做出很大贡献,因为我们努力让每个用户都能访问应用程序。
这也将增加用户的满意度和我们的业务。
对于大多数用户来说,通过网络使用互联网很容易。但当我们面对一个面临挑战的不同人群时,情况就不同了。网站对这一群体的用户来说也是可访问的、可用的和有用的,并且不应该根据语言/文化/位置/软件/身体或心理能力来区分用户。
什么是易用性测试?
测试一个web应用程序,以确保每个用户都能轻松地访问网站,这被称为可访问性测试。帮助确保网站在这一领域确实有效的专门测试分支被称为“Web可访问性测试”。
最重要的是,对于易访问性测试也有一定的法律和指导方针需要遵循。
无障碍环境与法律
推荐工具
# 1) QualityLogic
QualityLogic是最好的易访问性测试服务提供商之一,您可以轻松获得WCAG 2.1 AA和AAA认证。他们以拥有合格的WCAG测试技术人员而闻名,他们执行自动、手动和回归测试,之后他们会奖励你一个证书,证明你的网站完全符合WCAG标准。
特点:
关于测试网站可访问性的误区
误解1:它很贵。
事实:预防总是比治疗好,所以我们可以在设计阶段就考虑可访问性问题,从而降低成本。
误解2:将不可访问的网站转换为可访问的网站是一个耗时的过程。
事实:我们可以优先考虑事情,只满足基本需求。
误解3:可访问性简单而乏味。
事实:可访问性并不意味着网站应该只包含文本。我们也可以添加图像,使其更具吸引力,但需要注意的是,它应该是所有人都可以访问的。
误解4:无障碍测试是针对盲人和残疾人的。
事实:软件对所有人都是有用的,因此这个测试是针对所有用户的。
无障碍测试的挑战
以下是无障碍指南试图解决的一些常见挑战或困难:
伤残类型 | 伤残描述 |
---|---|
视觉障碍 | 完全失明或色盲或视力差视觉问题,如视觉频闪和闪烁效果问题 |
身体残疾 | 难以使用键盘或鼠标 |
认知障碍 | 学习困难或记忆力差 |
读写障碍 | 阅读障碍,发现单词困难 |
听力障碍 | -听觉问题,如耳聋和听力障碍-听不清楚或听不清楚 |
重要性
最终,一切都转化为“更好的业务-更多的钱”。
如何衡量网页可访问性?
web的可访问性可以通过W3C创建的web内容可访问性准则(WCAG)来衡量。很少有其他部门也制定了自己的指南,但这些指南也遵循了Web无障碍倡议(WAI)指南。
评估网站的可访问性:
有很多因素在其中起作用,例如:
一如既往,在项目的初始阶段实施网页易访问性技术是一个很好的实践。修复无法访问的网站需要额外的努力。
以下是一些简单的技术示例:
在一定程度上,我们还可以借助“评估工具”来确定可访问性。有一些事情,如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文件的可访问性。
易访问性测试清单/测试用例/场景
以下是在进行此类测试时需要检查的几点:
以下是网站应满足的可访问性的关键点:
简而言之,我们需要检查应用程序是否根据W3C指南、网站设计原则和可访问性原则开发,为此,我们必须了解所有这些原则。
我们可以通过验证和验证网站/应用程序的书面内容、设计和开发方法来总结上述检查点。
结论
可访问性测试简单地解释了如何轻松地导航、访问和理解软件。它适用于所有类型的用户。测试人员应该从每个人的角度进行测试。
就像任何其他类型的测试一样,这种测试也可以手动完成,也可以在自动化工具的帮助下完成。测试人员的目标应该只是检查指导方针是否满足,以及用户使用软件的容易程度和友好程度。
FunTester原创专题推荐~
-- By FunTester