Topics

我们在 Zenn 上发布了一篇文章,讲解 accessibility 实现和检查中容易困惑的要点

  • column

Liberogic 一直在致力于改善 Web 无障碍访问。我们最近在技术信息共享服务「Zenn」上发布了一系列关于 Web 无障碍指南 WCAG(Web Content Accessibility Guidelines)的文章。

这次,我们将介绍撰写这些文章的背景、其中蕴含的想法,以及各篇文章的概要。

想要解除对 WCAG「为什么」的疑惑

在日常的网站实现和检查工作中,我们多次遇到「WCAG 的这个标准,实际上应该怎样理解呢?」「这个实现能说是符合的吗?」这样令人困扰的问题。

这次的整理既是为了维持和更新我本人持有的无障碍国际资格「IAAP WAS(Web Accessibility Specialist)」,更重要的是,我想要「整理工作中每个人都会遇到的难点,并作为现场知识进行分享」。基于这一初心,我决定将自己脑中的想法整理成文。

WCAG 的实现不是「目标」,而是「起点」

通过这些文章,我最想传达的是:「仅仅满足了 WCAG 的所有标准,并不意味着就达到了 100% 的无障碍。」

WCAG 是为了让不同用户都能使用内容而采取的「最低限度对应」,终究只是无障碍工作的起点。

如果机械地填写检查清单,只以「通过达成标准」为目标,就容易忽视「对用户来说是否真的易用」这一视角。

正因为如此,我们不仅仅停留在「按这样实现就能符合标准」这种表面的技术知识,而是深入探讨了「为什么要制定这个标准」的背景和意图。通过解读标准背后的初衷,我们相信能够加深对无障碍访问的本质性理解。

Zenn 公开文章列表

我们按主题分成5篇文章,汇总了实务实现和检查中特别容易混淆的要点。欢迎从感兴趣的主题开始阅读。

WCAG 困惑要点① 字体大小用 px 指定可以吗?

我们整理了现代浏览器环境中 px 指定的符合性,并思考了尊重用户字体大小设置的「更具无障碍访问性的实现」的本质。 阅读 Zenn 上的文章

WCAG 困惑要点② 多个「查看详情」违反 2.4.4(链接目的)吗?

我们解释了「充分上下文」的存在使标准如何判定符合性的边界。此外,我们从提升屏幕阅读器用户操作效率的角度,提出了更进一步的 UX 视角的实现方案。 阅读 Zenn 上的文章

WCAG 困惑要点③ 图像链接缺少替代文本,违反的是哪个标准?

我们的主题是整理一个问题跨越多个达成基准(1.1.1、2.4.4、4.1.2 等)相互交织的复杂情况。我们解释了实务检查中容易混淆的多个基准之间的关系和判断方法。 阅读 Zenn 上的文章

WCAG 困惑要点④ 外观相同,为什么 select 不可以但自定义下拉菜单可以?3.2.2(输入时)的判断

深入讲解 W3C 定义的"设置变更"与"激活"的区别。不被外观行为迷惑,通过元素的语义和操作分类来正确判断的思考方式总结。阅读 Zenn 上的文章

WCAG 易混淆之处⑤ 4.1.1 去哪儿了?HTML 语法错误应该按哪个标准处理

本文详细解析了 WCAG 2.2 中 4.1.1 被废除的背景,并从实际影响出发,说明了如何将现有的语法错误合理分配到其他标准(1.3.1 和 4.1.2)中,同时涵盖了网站质量的角度。在 Zenn 上阅读文章

*注:WCAG 指南中存在许多措辞复杂且容易引起误解的地方。因此,本系列文章中的解释和评判标准可能包含基于我们实际工作经验得出的独立解释。我们建议您在参考 WCAG 指南的同时,也参阅本文章的相关内容。

总结

网页可访问性不是一次性解决的问题,而是需要持续维护和改进的。

我们衷心希望此次的输出内容能够为日常致力于 accessibility 的实现和检查工作的工程师、设计师和项目经理提供帮助。

Liberogic 将继续致力于实现"人人都能轻松使用的网站和服务",坚持进行技术分享和实际应用实践。如果您对网站可访问性有任何疑问,或对我们的文章有任何反馈意见,欢迎随时与我们联系!

本文作者

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

Futa

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

查看本员工的文章

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

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

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

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

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

案例分析