9网站可访问性测试工具

网站可访问性测试工具:2016

在过去一年左右的时间里,可访问性已经成为一个问题网页设计行业的热门话题.鉴于此,这应该不足为奇视觉、听觉和身体障碍的普遍存在(仅举几例)在全世界的普通人群中。网站的许多方面都会影响可访问性,从您选择的字体到您的网站电子商务调色板.这取决于设计师和开发人员找到方法来创建网站和网络内容,让任何人都可以使用,无论他们是否患有残疾。

虽然以下工具不能完全确定您的网站是否具有可访问性(这只能通过人工评估来真正完成),但它们可以通过大幅减少实现全面评估所需的时间和精力来帮助您实现可访问性。反过来,这将帮助你识别和减少网站和内容中可访问性障碍的数量——最终,提高整体质量。

如果你是为国际用户设计,一定要看看我们的文章pseudo-localization为了让这个过程更简单。

为了帮助你在无障碍网页设计的道路OB欧宝娱乐APP上开始,这里有9个工具,你可以使用它来对你的网站和网页内容进行简单的可访问性审计。

你可能还会喜欢为色盲用户改进电子商务设计的5种方法

1.AChecker

网站无障碍测试工具:AChecker“AChecker”是一个全面的可访问性测试工具,用于评估单个网页的HTML内容。您可以通过输入URL、上传HTML文件或直接将源代码粘贴到工具中来测试web页面。提交页面后,“AChecker”会扫描您的HTML并快速生成报告,识别某些可能的和潜在的可访问性问题。“AChecker”还可以运行其他查询,包括HTML和CSS验证器,但通过单独运行标准诊断过程,您将揭示关于站点可访问性的许多信息。

2.颜色甲骨文

网站可访问性测试工具:Color Oracle“Color Oracle”是一款免费的应用程序,通过在整个操作系统中添加全屏过滤器来模拟各种形式的色盲(是的,它适用于Windows、Mac OS和Linux)。滤镜选项设置为更严重的色盲形式:后视、原视和三视。如果你的设计通过了这些滤镜,那么你就知道那些有轻微色盲的人也会很容易阅读。考虑到您可以在运行中打开这些过滤器,这对于希望在工作时评估其设计的视觉设计师来说是一个完美的工具。

3.光敏性癫痫分析工具

网站可访问性测试工具:感光性这个免费的beta工具允许您使用威斯康星大学麦迪逊追踪中心构建的分析引擎来测试您的网页内容以识别癫痫风险。这个过程有助于确定你在网页内容中使用的动画或视频是否有可能导致癫痫患者癫痫发作。如果你想要更多的工具,追踪中心有大量其他资源帮助开发人员评估其工作的可访问性。

4.NoCoffee

网站可访问性测试工具:没有咖啡“NoCoffee”是谷歌Chrome的免费扩展,它可以用来模拟广泛的视觉障碍,包括色盲,低灵敏度,低对比度灵敏度,视野障碍等。虽然“NoCoffee”不一定像其他工具那样评估和评分您的网站,但它将为视觉障碍用户如何体验您的网站提供一个独特的视角。

5.无障碍开发工具的谷歌

网站无障碍测试工具:无障碍工具“可访问性开发工具”是一个Chrome扩展,添加了一个整体的可访问性审计,和侧边栏窗格,直接在谷歌开发工具(GDT)。如果你安装了GDT,那么运行审计很容易:你只需要在Chrome中打开有问题的网页,导航到开发人员工具中的可访问性审计面板,然后点击“运行”。审计将帮助您识别可访问性错误,包括缺失ARIA属性颜色对比值等等。您可以阅读完整的审计规则列表,或者通过查看扩展的github存储库

6.素描颜色对比分析仪

网站可访问性测试工具:颜色对比这个插件将允许您测试色盲用户对您的设计的可访问性,而您直接在Sketch中工作。“颜色对比分析仪”让您能够计算两层的颜色对比度(或单个图层对画板),并根据WCAG标准评估该值。测试完成后,插件将根据测试结果为您提供通过或失败的评级WCAG的AAA和AA颜色对比要求

7.Adobe中的证明设置

网站易访问性测试工具:证明设置类似于上面的插件,Adobe已经采取了必要的步骤,在其Photoshop和Illustrator软件中包括色盲无障碍证明。“证明设置”过滤器可以让你看到你的设计看起来像不同类型的色盲用户,特别是原视和后视。要在你的设计中模拟色盲,只需在“查看>证明设置>色盲”菜单下,选择原视或后视。这又是一个在工作时评估设计的可访问性的绝佳解决方案!

8.波

网站易用性测试工具:Wave“WAVE”是一个免费的、社区构建的工具,旨在通过在开发者的页面上直接提供问题的可视化表示来促进网页可访问性测试。整体测试评估了大量的可访问性问题,从颜色对比到ARIA属性,并基于两者的遵从性标准WCAG而且第508节

基于浏览器的WAVE工具在应用CSS之后评估你的网页内容,但不评估任何Javascript源代码。如果您的站点有大量来自脚本的动态内容,则应该选择WAVE Chrome扩展-它还拥有100%的隐私和安全报告,非常适合评估密码保护网站,如批发电子商务门户或内部网。

9.YouTube封闭字幕

网站易用性测试工具:YouTube很少有工具允许设计师或开发人员评估他们的网页内容的听觉方面的可访问性。虽然不是严格意义上的评估工具,但YouTube本身提供了一种资源,可以帮助你提高视频内容的可访问性。关闭字幕可以让你的视频内容向更多的观众开放,特别是那些有听力障碍的观众,或者那些说你的内容中使用的语言以外的人。如果您使用YouTube托管或嵌入视频内容,您可以直接在视频管理器中利用其手动转录和关闭字幕功能。

当你设计或开发网页内容时,你如何评估可访问性?请在下面的评论中告诉我们!

通过Shopify合作伙伴计划发展您的业务

了解更多