Topics

我们在 Zenn 上发布了关于英文标签的语音控制和 WCAG 2.5.3 的文章

Liberogic 一直致力于提升网页无障碍性。此次,我们在技术信息共享服务「Zenn」上发布了一篇文章「英语、片假名与无障碍性」,介绍英文标签的语音操作以及 WCAG 2.5.3「包含标签的名称(Label in Name)」相关内容。

在本文中,我们将介绍撰写这篇文章的初衷,以及从中发现的问题。

灵感来自日文网站中常见的「PAGE TOP」

日文网站中经常出现「PAGE TOP」或「News」这样用英文做装饰性标签的情况。在日文使用者之间,这些英文标签通常不会引起任何问题。

但是,当涉及到语音操作时,就会出现一些奇怪的现象。如果按照 WCAG 2.5.3 标准将无障碍名称设置为「PAGE TOP」,那么日文使用者即使说出「ページトップ」也会无法触发操作。

这种「满足标准与实际语音操作能力不匹配」的现象引起了我们的注意。我们通过实际在 Mac 语音控制中进行测试,梳理了造成这一现象的原因和对应方案。

「满足标准」与「实际可用」存在差异

通过这篇文章,我们想要传达的是,满足无障碍达成标准与用户实际能够操作并不一定一致。

日文特有的书写方式如何与无障碍标准相适应,又在何处出现不匹配。通过深入探讨一项达成标准而发现的这种「扭曲」现象,我们在文章中进行了详细阐述。

文章在这里。
英语、片假名和可访问性(Zenn)

※本文的解释和判断可能包含基于多年实务经验的独特理解。此外,语音控制的行为是在 macOS 上验证的,在其他环境中可能会有所不同。如能与 WCAG 指南一并参考,我们将不胜感激。

总结

Web 无障碍不是简单地填写一份检查清单就完事了,我们认为应该不断思考"真正能用吗"这样的问题,持续推进这个过程。

深入探讨像这次一样,标准与实际应用之间存在的微小"不适配"问题,应该能够加深对更本质的 accessibility 的理解。

Liberogic 将继续致力于实现"人人都能轻松使用的网站和服务",通过技术分享和实践应用不断推进。如果您在 web 可访问性服务方面有任何困难,欢迎随时与我们联系。

本文作者

从DTP跨越到Web世界,不知不觉中已掌握标签、前端开发、创意指导、无障碍设计等各项技能的"技术高手"。从Liberogic创业初期就活跃至今,如今是公司内部的"活百科"。最近沉迷于"能否在无障碍适配上更多依赖AI?"这样的思考,正在探索借助AI提示词提高效率的方法。技术实力和思维方式都还在不断进化中

Futa

IAAP 认证网络无障碍专家 (WAS) / 标记语言工程师 / 前端工程师 / 网络总监

查看本员工的文章

安心的团队体制和迅速的反应能力是我们的优势

Liberogic 拥有经验丰富的员工团队,积极推进项目,因此获得了客户的高度评价。
我们会妥善分配项目经理和总监,确保整个项目顺利进行。 通过避免不必要的全职投入导致的成本增加,并采用适当配置人力资源的方式,从把握业务内容到估价的制作和提交速度都赢得了良好的口碑。

* 本公司不积极开展SES驻场工作等业务,敬请谅解。

Slack、Teams、Redmine、Backlog、Asana、Jira、Notion、Google Workspace、Zoom、Webex 等,您可以使用几乎所有主要的项目管理工具和沟通协作工具。

您是否在网页无障碍对应方面遇到困难?

案例分析