Topics

我们在 Zenn 上发布了一篇文章,讲解无障碍实现与检测中容易迷惑的要点

  • column

Liberogic 日常致力于提升网页无障碍(Web Accessibility)水平。此次,我们在技术信息分享平台「Zenn」上以系列形式发布了一组关于 WCAG(Web Content Accessibility Guidelines,网页内容无障碍指南)的文章。

本次将介绍撰写这些文章的背景与初衷,并概述各篇文章的内容。

消除对 WCAG 的疑问

在日常的网站实现与检查工作中,我们经常会遇到令人困惑的问题,例如:“这条 WCAG 标准实际应该如何理解?”“这种实现是否可以称为符合标准?”

本次撰写这些文章,一方面是我本人为维持和更新所持有的国际无障碍资格「IAAP WAS(Web Accessibility Specialist)」而进行的输出工作之一;更重要的是,希望将实际工作中大家普遍感到迷惑的要点加以梳理,并作为现场经验与大家分享,同时也借此理清自己的思路。

WCAG 达标是“起点”,而非“终点”

通过这些文章,我们最想传达的是:即使满足了 WCAG 的所有标准,也并不意味着网站就能达到 100% 的无障碍。

WCAG 是为了让各类用户都能使用内容而设定的“最低限度的要求”,充其量只是无障碍工作的起点。

如果只是机械地填写检查清单、以“满足达标标准”为唯一目标,就容易忽略一个关键视角:这些做法对用户而言是否真的好用。

正因如此,我们不止于“按此实现即可符合标准”这类表层经验,还深入讲解了“这项标准为何而制定”的背景与意图。我们相信,理解标准背后的意图,能够加深对无障碍本质的理解。

Zenn 已发布文章列表

我们按主题整理了五篇文章,聚焦实际开发与检查中最容易犹豫的要点。欢迎从您感兴趣的主题开始阅读。

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 指南一并参阅。

结语

Web 无障碍并非一次性完成即可,而是需要持续培育的工作。

希望本次内容能为日常在一线从事无障碍实现与检测工作的工程师、设计师和项目经理提供一些启发。

Liberogic 今后也将致力于实现“人人都能轻松使用的网站和服务”,并持续分享此类技术内容,推进实际工作中的实践。如您对无障碍有任何咨询,或对文章有任何感想,欢迎随时与我们联系!

撰写本文的人

从 DTP 进入 Web 领域,不知不觉间,标记、前端、项目指导、无障碍样样精通的“技术仙人”。自 Liberogic 创业初期起就身兼多职,如今已是公司内的活字典般的存在。最近沉迷于用提示词提升效率的探索:“无障碍支持,能不能更多地依靠 AI 呢?”技术与思考仍在不断进化中。

二俣 歩

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

查看此员工的文章

案例分析