跳转到主要内容
Niquelao 西班牙语 Web 可访问性与前端开发:涵盖 WCAG 标准、可访问组件及 Firefox 扩展,并提供真实代码详解。

本站部分链接为联盟营销链接:如果您通过这些链接购买,我们可能会获得佣金,且不会增加您的成本。这绝不会影响我们的推荐建议。详情请参阅我们的联盟披露声明。 联盟营销披露.

AA 网站访问:Comparativa de Herramientas 2026

AA 网页可访问性是指 W3C 发布的《网页内容可访问性指南》(WCAG) 2.2 的 AA 一致性级别,要求满足 30 项 A 级标准加上 20 项 AA 级标准(共 50 项)。为此,除了手动审核之外,团队还结合了三种类型的工具:自动审核员、对比助理和屏幕阅读器。

要点

  • WCAG 2.2 包含 50 项成功标准(30 项 A 级 + 20 项 AA 级);这是大多数立法(包括欧洲 EN 301 549)要求的网页可访问性门槛。
  • 没有任何单一工具能检测所有错误:自动化审核工具仅覆盖约三分之一的标准,因此手动审核和屏幕阅读器测试是必须的。
  • 选择取决于工作流:日常开发使用浏览器扩展,团队使用集成 CI 的套件,正式认证则采用外部审计。
  • 您需要的四类工具是:自动化审核工具、对比度检查器、屏幕阅读器和结构/HTML 验证器。
  • 记录每项可访问性决策(测试了什么、使用哪个版本以及哪个浏览器)与修复错误一样重要,因为这能证明合规性。

网页访问中“AA”的含义

WCAG AA 级是 W3C 定义的三个一致性级别(A、AA 和 AAA)中的第二个。每个级别都结合了上一个级别的标准:要声明 AA 符合性,您必须满足 30 个 A 级标准和 20 个 AA 级标准,这对应于 50 个成功标准。 AAA级又增加了28个,很少有要求全部满足的,因为某些标准不可能在所有内容中都满足。

A 级和 AA 级之间的实际差异很大。A 级涵盖基础内容(替代文本、语义结构、键盘导航)。AA 级增加了影响设计和颜色的要求:正文最小对比度 4.5:1,大文本 3:1;文本可放大至 200% 而不丢失内容;预录制视频需提供字幕;以及描述每个字段用途的标题和标签。这些标准在基于旧版 XHTML 和 CSS(颜色和尺寸固定为绝对像素)的网站中经常被破坏。

请参考 WCAG 2.2 del W3C 官方具体说明,其中包括完整的标准列表、足够的技术和条件。在欧洲环境中,规范 EN 301 549 规定了公共合同和 Accesibilidad Web 指令的必要条件,需要与第 508 条和 ADA 的同等参考标准一致。 了解您所在市场的法律框架至关重要:在西班牙和拉丁美洲,许多机构客户在招标书中明确要求 AA 合规,以确保网页可访问性。

需要注意的事项

没有任何一类工具能覆盖 WCAG 的所有范围。一个严谨的工作流会结合四类工具,每类工具解决不同的问题。

自动化审计。 它们扫描 DOM 和 CSS 以寻找已知的错误模式:缺少 alt 的图像、缺少标签的字段、对比度不足、跳过的标题以及误用 ARIA 属性。快速检测重复性错误,但特别重要的是:在重新构建过程中,没有任何评估标准取决于所指的意义,例如替代文本的校准或错误信息的澄清。

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

对比度验证。 计算文本颜色之间的对比度关系并使用 WCAG 发光相关公式。这些工具虽小但至关重要,因为对比度是最常见的错误之一,且最容易进行客观测量。

屏幕阅读器。 NVDA(Windows,免费)、JAWS(Windows,商业)和 VoiceOver(macOS/iOS,集成)都可以使用。审核工具可能会显示某个表单“通过”,但只有屏幕阅读器能揭示制表键(Tab)顺序是否合理,或者 aria-label 是否反而造成了混淆。

结构和 HTML 验证器。 确保标记有效且符合语义。在 XHTML 站点上,验证器会检测到不正确的嵌套、过时的属性和编码问题,这些问题会影响屏幕阅读器的解释。

Worth a look: — con plan gratuito para empezar hoy mismo.

比较:根据您的具体情况选择哪种工具

请参阅 AA 网站访问决定的标准。这不是一份价格表(价格经常变动且取决于许可),而是一份场景匹配表。

提示关多·埃莱吉拉Cuándo elegirla福塔莱萨校长限制 clave
Extensión de navegador (auditoría en vivo)扩展Desarrollo diario,具体页面修订关于 DOM 渲染的反馈Solo analiza lo que el navegador ha cargado;没有 cubre Flujos completos
CI 集成套件Equipos con despliegue 连续公共场所回归检测所需配置和管理
对比验证色彩系统的设计和修订目标医学和精确医学没有评价 nada más allá del color
潘塔拉讲师最终验证和使用说明再现真实体验Curva de aprendizaje alta;慢速执行
外部礼堂正式证书,pliegos públicos告知可防御的三项证明者的成本和依赖性

实践规则:美国的扩展导航、功能、对比定义的验证、前面的演讲者和外部观众席需要正式文件。

评估收养前的可及性

根据受欢迎程度选择工具是一个常见的错误。这些标准将有用的工具与产生噪音的工具区分开来。

标准的覆盖范围和透明度。 一个好的工具可以指示每个警报对应哪个 WCAG 标准。如果它仅显示“可访问性错误”而未将其映射到成功标准,则您无法记录合规性或确定优先级。

误报率。 并非真正失败的警报会消耗时间并削弱团队的信任。在您已知符合可访问性 AA 网络标准的网站上测试该工具,并观察它生成的警报数量。

ARIA 支持和动态组件。 现代小部件(下拉菜单、模式、选项卡、手风琴)取决于 ARIA 状态。不评估模态中的“aria-expanded”、“aria-controls”或焦点管理的工具会让最严重的错误通过。

Related: — La que acredita tu experiencia en accesibilidad.

与您的堆栈集成。 如果您使用纯 XHTML 和 CSS,请检查该工具是否没有假设具体的框架。如果您使用构建管道,请验证是否存在命令行集成。

工具本身的可访问性。 一个常见的讽刺是:某些审核工具本身无法通过键盘访问。如果您打算每天使用它,请确保无需鼠标即可导航。

更新和维护。 WCAG 不断发展(2.0、2.1、2.2),浏览器也发生变化。最近没有更新的工具可能会应用过时的规则。

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

用于 Web 可访问性的分步 AA 工作流程

可重复的过程比任何简单的工具都更进一步。这是在实际项目中有效的顺序。

步骤 1 — 定义范围和级别。 决定审核中包含哪些页面和流程,并确认目标是 AA(不是 A 或 AAA)。记录 WCAG 版本:2.2 是当前 W3C 建议。

第 2 步 — 初始自动审核。 通过审核员运行关键页面以获得基线。请注意重复的失败:它们通常集中在模板中,而不是单个页面中。

第 3 步 — 手动检查机器看不到的内容。 检查选项卡顺序、焦点可见性、替代文本的质量、错误消息的清晰度以及标题的一致性。这是合规性成败的关键。

第 4 步 — 使用屏幕阅读器进行测试。 使用 NVDA 或 VoiceOver 完成至少一个完整的流程(例如,联系表或购买)。注意你迷路的地方。

第 5 步 — 尽可能尝试与真实用户合作。 残疾人可以发现没有经验的工具或专家无法察觉的障碍。这是最有价值的标准,也是最难取代的标准。

第 6 步 — 记录并更正。 记录每个发现及其 WCAG 标准、所应用的技术和证据(屏幕截图、浏览器版本、日期)。该记录将“我们相信它符合”转变为“我们可以证明它符合”。

访问网站时经常出现的 AA 错误

将“零审核员错误”与合规性混淆。 来自自动工具的干净报告并不等于 AA 合规性。审核员仅涵盖标准的一小部分;其余的需要人类的判断。

忽略交互状态下的对比。 对比状态中的缺陷修正,但状态为 :hover、:focus 和 :disabled 。 Un botón que pasa en reposo puedefallar al enfocarse。

使用 ARIA 来调整 HTML 格式。 不使用 ARIA 或 HTML 来解决问题。 Un <div> con role="button" nunca será tan rough como un <button> real,que ya gestiona el foco y el teclado。

Olvidar el redimensionado del texto. El Criterio 1.4.4 exige que el texto se pueda ampliar al 200 % sin perdida de contenido ni funcionalidad。该图像与其他像素中的像素有关。

没有移动的可能性。 El reflujo(标准 1.4.10)exige que el contenido funcione sin desplazamiento 水平 en pantallas estrechas。许多地方都符合以下条件。

经常发生的事情

¿A、AA 和 AAA 之间有何区别?

WCAG 合规级别是累积的。 A级涵盖30项基本标准; AA 又增加了 20 个(总共 50 个),是大多数法律所要求的标准; AAA 增加了额外的 28 个,并且在一般形式中不需要,因为某些标准在所有内容中都不适用。对于大多数 Web 项目来说,AA 是访问 AA Web 的现实且充分的目标。

WCAG 2.2 的 Cuántos 标准是否可以达到 AA 的要求?

WCAG 2.2 AA 级要求满足 50 项成功标准:A 级的 30 项加上 AA 级的 20 项。该数字与 WCAG 2.1 相同,但 2.2 还添加了新标准,如目标大小 (2.5.8) 和一致帮助 (3.2.6),有些处于 A 级,有些处于 AA 级。

¿Basta con una herramienta automática para cumplir AA?

不会。自动化工具可以检测客观和重复的错误,但它们无法评估依赖于含义或上下文的标准,例如替代文本的质量或错误消息的有用性。 AA 合规性需要将自动审核、手动审核和屏幕阅读器测试(如果可能的话)与真实用户测试结合起来。

¿Qué lector de pantalla conviene usar para probar un siteio?

NVDA 是免费的,并且在 Windows 上广泛使用,使其成为最容易启动的选项。 JAWS 是商业性的,在企业环境中很常见。 VoiceOver 已集成到 macOS 和 iOS 中,因此如果您在 Apple 生态系统中工作,这是自然而然的途径。使用至少两种浏览器和屏幕阅读器组合进行测试可提供更可靠的图像。

¿La accesibilidad AA es ​​obligatoria por ley?

这取决于国家和组织类型。在欧盟,网络无障碍指令和 EN 301 549 标准对公共部门和许多私营服务提出了要求。在美国,第 508 条和 ADA 规定了类似的义务。在拉丁美洲,一些国家受 WCAG 启发制定了自己的法规。建议核实适用于您所在市场的立法。

¿Cada cuánto hay que reauditar un site para mantener el nivel AA?

没有通用的时间表,但设计、模板或组件的任何变化都可能导致回归。一种实用的方法是通过持续集成在每次部署期间自动审核,并至少每年一次或在重大重新设计后执行完整的手动审核。记录每次审核可以更轻松地证明随着时间的推移持续的合规性。

结论

网络可访问性 AA 合规性不是购买或安装的:它是通过结合工具和判断来构建的。自动审核工具加快了工作速度,对比检查器解决了客观错误,屏幕阅读器揭示了真实的体验,而手动审核涵盖了机器无法判断的内容。根据您的工作流程而不是根据其受欢迎程度来选择工具,并记录每个决定。为了更深入地研究标准和技术,明确的参考仍然是 W3C 的 WCAG 文档 和 WAI 倡议指南。

资料来源和进一步阅读


Testea WCAG desde tu pipeline

El estándar de la industria para testear accesibilidad durante el desarrollo