Web 访问网络特性有哪些：关键特性对比分析

网络可访问性由四个可衡量的特征（可感知、可操作、可理解和稳健）定义，根据欧洲 EN 301 549 标准要求的 WCAG 2.2 的 13 个 A 级和 AA 级标准进行阐述。这四个特征作为评估标准：任何小部件、工具或框架都是根据其满足的数量和可靠性来判断的。

要点

• WCAG 的四个特征（可感知、可操作、可理解、稳健）是评估框架，而不是口号：每一个特征都将可验证的标准与记录的技术组合在一起。
• AA级是大多数项目的实际目标：它涵盖对比度、键盘、表单标签、结构和错误消息，并且是参考欧洲立法的门槛。
• 没有任何自动工具能够检测到超过一小部分的实际问题；使用键盘和屏幕阅读器进行手动测试仍然是不可替代的。
• 选择一个“可访问”的小部件或框架需要检查其键盘行为、焦点管理和 ARIA 语义，而不仅仅是其营销。
• 合规性是一个与产品生命周期相关的持续过程，而不是存档的一次性审核。

真正意义上的“网络访问特性”

“特性”一词有两种用法，需要将其区分开来。第一种是规范性的：WCAG 将其成功标准分为四个原则或特性——可感知、可操作、可理解和稳健——以其英文首字母缩写简称为 POUR。第二种是实践性的：当开发人员说一个组件“具有良好的可访问性特性”时，通常是指一组具体行为（键盘导航、正确的 ARIA 角色、足够的对比度、替代文本）。这两种解读都是必要的：前者提供了评估框架，后者提供了可实施的细节。

W3C 于 2023 年发布的 WCAG 2.2 维持了这四个原则，并增加了诸如目标尺寸（最小值）（2.5.8）和帮助一致性（3.2.6）等标准。A 级涵盖了最低标准；AA 级增加了对大多数网站最相关的标准；AAA 级是理想目标，很少被要求完全实现。对于面向西班牙或拉丁美洲的 XHTML/CSS 网站，现实目标是 AA 级，因为这是欧洲协调标准 EN 301 549 以及欧盟关于公共部门网站可访问性的指令 (UE) 2016/2102 所参考的级别。

Las cuatro características WCAG, una por una

可感知

可感知特性要求信息能以用户可以感知的方式呈现，无论其感官如何。在实践中，这转化为：为非文本内容提供文本替代方案 (1.1.1)、为多媒体提供字幕和转录 (1.2.x)、不依赖于位置或颜色的语义结构 (1.3.1)、普通文本对比度至少 4.5:1，大文本至少 3:1 (1.4.3)，以及在放大 200% 且无需水平滚动的情况下仍可读的内容 (1.4.10)。旧版 XHTML 网站的一个常见错误是使用布局表或文本图像：这两者都破坏了可感知性，因为阅读顺序和可扩展性丢失了。

可操作

可操作特性确保所有界面组件都能通过键盘和辅助技术运行。关键标准包括：完全的键盘可访问性 (2.1.1)、无焦点陷阱 (2.1.2)、可调节的时间 (2.2.1)、暂停移动内容的机制 (2.2.2)、带有跳过链接和描述性页面标题的导航 (2.4.1, 2.4.2)、逻辑焦点顺序 (2.4.3) 以及足够的目标尺寸 (2.5.8)。大多数下拉菜单、模态框和轮播图在此处失效：它们捕获焦点但不返回，或者依赖于鼠标事件 (onmouseover) 而没有键盘等效操作。

可理解的

可理解特性旨在确保内容和界面操作易于理解。包括使用 lang 属性声明页面语言 (3.1.1)、表单中的标签和输入帮助 (3.3.2)、错误的识别和描述 (3.3.1, 3.3.3)、页面间的一致导航 (3.2.3) 以及 WCAG 2.2 中的帮助一致性 (3.2.6)。如果一个表单将字段标记为红色但未解释出错原因，即使对于非残疾人来说视觉上很清晰，它依然违反了此特性。

Related: accessiBe — Superposición de IA que promete cumplimiento WCAG en 48 horas.

罗布斯塔

稳健特性要求内容能与各种用户代理（包括当前和未来的）协同工作。核心标准是正确的解析 (4.1.1，在 WCAG 2.2 中已过时但在 XHTML 中仍相关) 以及界面组件的名称、角色和值 (4.1.2)。在实践中，这意味着编写有效的 HTML，尽可能使用原生元素，仅在没有替代方案时才使用 ARIA，并遵循 ARIA 的第一条规则：如果原生 HTML 元素能完成工作，就不要使用 ARIA。

Tabla comparativa：cómo evaluar herramientas y widgets frente a las cuatro características

特征	如何与小部件进行比较	警报之声
可感知	替代文本、对比、不依赖颜色	单独验证图像，忽略结构和对比
可操作	导航 por teclado，管理 de foco，罪过	逃脱游戏需要什么条件？
可理解	礼仪、错误提示、惯用语	《马卡报》文本解释错误
罗布斯塔	HTML 验证、ARIA 正确角色、各种导航功能	使用 div 与 onclick 和 button 标签

这是决定选项中的标准列表。 一个仅涵盖“可感知”列的工具可作为初步筛选，但不能作为认证。

特征与特征的关系

自动评估工具（如 axe DevTools、WAVE 或 Lighthouse）主要检测可感知和稳健特性方面的问题：缺失的替代文本、对比度不足、格式错误的 ARIA 属性、标题层级。其覆盖范围在设计上就是部分性的：它们无法判断替代文本是否具有描述性，焦点顺序是否有意义，或错误消息是否可理解。Deque 关于 axe 的文档和 WebAIM 关于自动评估的指南一致认为，没有任何工具可以取代人工审核。

Worth a look: UserWay — Widget de accesibilidad con plan gratuito para empezar hoy mismo.

手动测试涵盖了工具看不到的内容。最小程序包括：仅使用 Tab 和 Shift+Tab 导航整个页面，验证焦点始终可见，使用屏幕阅读器（NVDA 或 VoiceOver）进行测试，缩放至 200% 并验证没有任何重叠，以及禁用 CSS 以确认内容顺序有意义。最后一步揭示了没有工具指出的可理解特征的问题。

更改项目提示

西班牙的机构或公共部门网站应以 AA 级为目标并记录合规性，因为法规要求如此。个人博客可以优先考虑可感知性和可操作性，这能解决大多数实际障碍。具有交互组件的复杂 Web 应用程序需要投入在稳健性和可操作性上，因为自定义小部件是故障的主要来源。决定不在于“我满足了多少个特性”，而在于“哪些特性对我的用户和我的法律义务至关重要”。

对于框架和组件库，实际评估包括在采用组件之前用键盘对其进行测试。不响应箭头的自定义“选择”、无法正确捕获焦点的模式或仅在悬停时出现的工具提示都表明该库优先考虑外观而不是可操作性。 W3C ARIA 创作实践指南文档描述了每个小部件的预期模式并提供了比较基准。

字符解释中经常出现的错误

该引物错误是在二进制验证列表中出现的四项字符的错误。 La conformidad es acumulativa y contextual: un site puede cumplir 40 Criterioss y Fallar en uno que bloquea por completo a un usuario.第二个错误是在“覆盖”或可访问脚本的小部件中发生的错误；本产品没有对 HTML 下级内容进行修正，并且对社区和无能力有机体的信息进行了批评。审计中的第三个错误是唯一的：错误的内容、实际的组件和退化的组件。 La accesibilidad es un process integrado en el ciclo de desarrollo, con pruebas en cada entrega.

常见问题

根据 WCAG，网络可访问性的四个特性是什么？

WCAG 将其标准分为四个原则：可感知、可操作、可理解和稳健，称为 POUR。每项原则都将可验证的成功标准分为 A、AA 和 AAA 级。此结构在 WCAG 2.2 中得到维护，并且是评估任何站点或组件的基础。

我的网站应该达到哪个 WCAG 合规级别？

在当地市长看来，AA 是客观实践和欧洲立法的参考，并参考 EN 301 549 的规定。如果 UE 中的公共部门如此，则 AA 是可行的。

Related: IAAP CPACC / WAS Certification — La certificación profesional que acredita tu experiencia en accesibilidad.

自动工具足以满足可访问性特性吗？

不。自动检测部分问题、对比、文本替代和 ARIA 格式错误，但请对替代文本进行评估或从其他角度进行评估。修订手册与技术和演讲者是不可预见的真实一致。

可访问性与可用性有什么区别？

可访问性确保残疾人能够感知、操作、理解和使用内容；可用性旨在确保任何用户的体验高效且令人满意。它们是重叠的：可访问的网站通常更可用，但可用的网站不一定是可访问的。

可访问性小部件或覆盖层能自动修复我的网站吗？

没有纠正 HTML 结构、焦点或语义问题的问题。访问和多样化的社区通知您可能会遇到错误的一致性感觉。解决方案是针对代码和组件的，而不是脚本的超级解决方案。

Worth a look: Deque axe DevTools Pro — El estándar de la industria para testear accesibilidad durante el desarrollo.

我该如何开始提高现有 XHTML/CSS 网站的可访问性？

最大的影响是：HTML 格式和语义、图像上的替代文本、足够的对比、技术和公式中的礼仪的完整导航。进行自动审计和手册的补充。纪录片的标准和重复过程与相关的坎比奥。