10个评估网页设计易访问性的工具

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

测试网页可及性(一个网站如何被残疾人使用)是网页设计和开发中经常被忽视的一部分。网页的易访问性很重要,不仅因为你的内容会接触到更广泛的受众,还因为纠正网页易访问性问题有次要的好处,如更清晰、更语义的代码和更好的搜索引擎索引。在这篇文章中,你会发现10个免费工具,帮助您评估和纠正问题,降低您的网站的可访问性

在选择这些工具时,非常强调易用性。

1.Firefox的可访问性扩展

Firefox辅助扩展-屏幕截图。Firefox的可访问性扩展是一个Firefox工具栏,允许你检查网页的各个方面,以确定其可访问性。一个很有用的工具栏功能是Text equivalence菜单,它允许您生成图像和链接等元素的列表,以查看每个元素是否符合标准。您还可以启动第三方应用程序,例如WC3HTML验证器而且链接检查器服务直接从工具栏。

2.设计师设计

设计器-屏幕截图。设计师设计,它模拟了视障人士的体验,让设计师能更好地理解屏幕阅读器是如何解读网页的。它有大量的功能,包括一个总结和详细的报告,符合网页易访问性指南和模拟盲人或低视力障碍。

3.EvalAccess

EvalAccess -屏幕截图。EvalAccess是一种基于web的服务,用于测试您的网站的可访问性。你可以指向一个网页,一个完整的网站,或者直接输入你的HTML源代码。它根据w3c的Web Content Accessibility Guidelines (WCAG 1.0)检查您的标记,并提供错误和警告数量的摘要以及每个错误的细分。

4.WebAnywhere

WebAnywhere -屏幕截图。WebAnywhere是一个基于浏览器的web应用程序,其工作原理类似于JAWS等屏幕阅读器。这是了解辅助技术如何阅读和导航网页的极好方法。

5.Web可访问性检查

网页辅助检查器-屏幕截图。Web可访问性检查是一款桌面应用程序,可以指出网页的可访问性问题。您可以指定要执行巡检的文件、文件夹或URL。它有“屏幕上的视图”选项,可以在浏览器窗口中打开网页,用标记指出有问题的元素。

6.Vischeck

Vischeck -屏幕截图。Vischeck模拟网页或图像在色盲患者观看时的效果。它模拟了三种色盲。您可以通过输入URL或上传图片的方式进行测试。

7.可访问性色轮

色轮-屏幕截图。可访问性色轮是一个基于web的工具,帮助您选择背景色和字体颜色。您可以输入要测试的颜色的十六进制值,或者您可以将鼠标悬停在颜色轮上以选择颜色。

8.色彩对比分析仪

色彩对比分析器-屏幕截图。色彩对比分析仪,由Juicy Studio开发,是一个Firefox扩展(目前处于alpha阶段),它检查文档对象模型中的所有元素的颜色对比,以确保色盲或受其他视觉障碍影响的人可以访问内容。它采用了WC3提出的颜色和亮度差异算法。可访问性评估和修复工具技术”(AERT)。Juicy Studio也有其他的网页易访问性评估工具,如可读性测试,CSS分析器,和图像分析仪

9.TAW网页可访问性测试

TAW网页可访问性测试-屏幕截图。TAW网站可访问性测试基于WCAG 1.0评估你的网站的可访问性。它直接在网页上标记出问题点,让你快速看到错误在哪里。单击错误/警告指示符将使您看到问题的摘要。这是一种可视化网页中需要工作的区域的好方法。

10.网页可及性的工具栏

网页辅助工具栏-屏幕截图。网页可访问性工具栏(WAT)是Internet Explorer或Opera的一个扩展,为设计者提供了大量有用的工具和功能,以帮助分析网页的可访问性。一个有用的功能是灰度(color > Greyscale)功能,它将网页呈现为黑白,帮助您在设计中找到对比度低的点。

你对网页可达性有什么看法?

它在你的网络项目中有多重要?你是否竭尽全力让你的项目更容易访问?

请在下面的评论区分享你的想法。

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!