Topics

我们在 Zenn 上发表了一篇文章,解释了在实施和测试辅助功能时常见的困惑点。

  • column

在 Liberlogic,我们不断致力于改进网站无障碍设计,现在我们已经在技术信息共享服务“Zenn”上发布了一系列关于 WCAG(Web 内容可访问性指南)的文章,WCAG 是网站无障碍设计指南。

这次,我将对每篇文章进行概述,并介绍我撰写这些文章的背景和想法。

我们想回答有关 WCAG 的“为什么?”的问题。

在我日常实施和检查网站的工作中,我遇到了许多让我百思不得其解的问题,例如,“我应该如何解释这个 WCAG 标准?”以及“我可以说这个实现符合标准吗?”

这次,一部分原因是我为了维护和更新我的国际无障碍认证“IAAP WAS(Web 无障碍专家)”而进行的,但更重要的是,我决定把它整理出来,希望“将大家在实践中容易感到困惑的要点整理出来,作为实用知识分享”,同时也整理我自己的想法。

达到 WCAG 标准不是“目标”,而是“起点”。

我通过这些文章想要传达的主要观点是,“仅仅因为某事物符合 WCAG 的所有标准,并不意味着它 100% 可访问”。

WCAG 仅仅是确保不同用户能够访问内容的“最低要求”,它只是无障碍访问的起点。

如果你机械地填写清单,只关注“达到目标标准”,你可能会忽略它是否真正方便用户使用这一点。

因此,我们并没有仅仅提供诸如“如何实施才能符合标准”之类的表面知识,而是深入探究了这些标准背后的背景和制定意图。我们相信,通过解读标准背后的意图,我们可以从根本上加深对无障碍设计的理解。

Zenn 上已发表文章列表

本文分为五个部分,旨在解决实际应用中实施和测试过程中常见的困惑之处。请随意浏览您感兴趣的部分。

WCAG 混淆点 #1:是否可以以像素为单位指定字体大小?

本文探讨了像素规范在现代浏览器环境中的适用性,并探索了尊重用户字体大小设置的“更易于访问的实现”的本质。阅读Zenn的文章

WCAG 混淆点 #2:拥有多个“查看详情”链接是否违反了第 2.4.4 节(链接的目的)?

本文档阐述了在存在“适当上下文”的情况下,判断合规性的标准界限。此外,它还提出了一种更先进的用户体验视角,以提高屏幕阅读器用户的操作效率。阅读Zenn的文章

WCAG 令人困惑的点 #3:如果图像链接没有 alt 文本,它符合哪条标准?

本文档重点阐述如何组织复杂情况,即单个问题与多个成功标准(例如 1.1.1、2.4.4 和 4.1.2)相互交织的情况。它解释了多个标准之间的关系以及如何做出判断,这在实际检查中往往会令人困惑。阅读Zenn的文章

WCAG 疑难点④:为什么选择字段不符合规范 (NG),而自定义下拉列表却符合规范 (OK),即使它们看起来一样?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 指南结合参考。

综上所述

网站无障碍设计不是解决一次就万事大吉的事情;它需要持续不断地维护和完善。

我们希望这份成果能够对每天从事无障碍功能实施和测试工作的工程师、设计师和主管有所帮助。

在Liberogic,我们将继续分享我们的技术并将其付诸实践,以实现“人人都能轻松使用的网站和服务”。如果您对无障碍访问有任何疑问或对我们的文章有任何意见,请随时与我们联系!

撰稿人

他从桌面排版领域转战网页设计,迅速成为一位技艺精湛的“大师”,精通标记语言、前端设计、方向指导和无障碍设计。自 Liberlogic 创立以来,他一直活跃于各个领域,如今已成为公司内部的活字典。最近,他痴迷于探索如何利用提示来提高效率,并思考着“我们能否更多地依赖人工智能来实现无障碍设计?”他的技术和思维仍在不断发展。

Futa

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

查看这位员工的文章

我们以可靠的团队结构和快速的响应能力而自豪。

在 Liberogic,我们经验丰富的员工积极推动项目进展,因此我们深受客户好评。
我们确保项目经理和主管得到合理分配,以确保整个项目的顺利进行。 我们避免因全额承诺而导致不必要的成本增加,并将资源分配给合适的人员和合适的岗位,并以快速掌握工作内容、创建和提交预算而闻名。

请注意,我们不积极参与SES式的现场工作。

我们支持几乎所有主流的项目管理和聊天工具,包括 Slack、Teams、Redmine、Backlog、Asana、Jira、Notion、Google Workspace、Zoom 和 Webex。

案例研究