前情摘要
对于我们几乎所有人来说,网络是日常生活中不可或缺的一部分。全世界,五分之一的人有残疾——视觉、听觉、运动或认知——这可能使他们难以或无法使用网站。过去,残疾人无法使用其网站的组织可以简单地提供替代方案,例如拨打电话号码。
然而,今天,这已经不够了。创建一个包容性社会是一个全球关注的问题,无论是创建无障碍建筑、信息、教育、工作还是娱乐……这都是正确的。
为满足accessibility,网站必须:
- 可感知——人们可以看到或听到内容
- 可操作——人们可以通过打字或说话来访问内容
- 可理解——使用的语言清晰简单
- 健壮——人们可以使用各种辅助技术访问内容
无障碍网站有什么好处?
福利。例如,残疾人可以广泛使用当地议会的服务,例如社会关怀。从包容性的角度来看,确保他们可以使用委员会的网站不仅有意义,而且还有助于实现如此多的委员会将渠道转变作为目标。
试想一下:一个可访问的网站实际上对每个人来说都更容易使用,因为它提供了更好的用户体验 (UX)。例如:
- 超过 60% 的用户通过移动设备访问政府服务。因此,除非您的网站针对移动设备进行了优化,否则超过一半的用户将被排除在外
- 良好的色彩对比将使人们更容易感知您网站上使用的信息
- 隐藏式字幕可以帮助非英语母语人士以及处于非常嘈杂(或非常安静)环境中的人
- 当然这能避免更少的法律风险,在国外有相关的法律保护
google插件帮助开发者提升网站可访问性
今天要介绍的这款google插件名字叫做:arc-toolkit
自动化可访问性测试可以概括为一个程序,该程序在网站、Web 应用程序和关键用户旅程的用户界面上运行一组可访问性规则,并生成包含其评估的报告。
- 按需对页面进行快速测试、修复、复测
- 直观查看结果,用户友好(5分钟内启动运行,直接查看结果开始键解决可访问性问题)
- 对所有用户免费!!!这可是大智慧,这么强大的可防性能测试工具,利用受信任的ARC平台规则引擎
- 修复技术:会提供代码级的建议和解决WCAG错误,还会提醒你可能出现的问题
这款插件就帮助我大大地提升了工作效率,真是coding路上的好帮手。
立即上手,Run Tests测试查看结果
arc-toolkit给出的修改建议:还能直接定位到你的代码行
特点:
- 快速扫描单个页面以查找 WCAG 一致性故障
- 兼容ARC Rules v5
- 方便地剪切并粘贴到错误跟踪软件中
- 识别颜色对比问题
- 按元素划分的结果,它允许您查看所有不符合我们的一项或多项规则的元素
- 可配置的首选项仅报告您关心的问题
- 使用视觉路径突出显示选项卡顺序以说明最终用户体验
更多有关web无障碍指南请查看W3官方文档:WCAG