SuperAPI AI 工具集

wcag-compliance

前端与建站

查看项目

更新于 10-16 03:38

技能介绍

用途:为 Web 应用提供 WCAG 2.2 AA 无障碍合规实现模式,适用于从零构建无障碍 UI 组件、审计应用的 ADA/Section 508 合规性、实现键盘导航与焦点管理、支持屏幕阅读器与辅助技术、修复色彩对比与视觉无障碍问题。

主要能力:语义化 HTML 结构(main、article、header、section、aside 等 landmark 与标题层级)、ARIA 标签与状态(图标按钮 aria-label、表单 aria-required/aria-invalid/aria-describedby、role=alert 错误提示)、色彩对比变量与焦点样式(如 --focus-ring 与 :focus-visible 的 3px outline)、WCAG 2.2 AA 检查清单(涵盖 1.1.1 非文本替代、1.3.1 信息与关系、1.4.3 对比度 4.5:1/3:1、1.4.11 非文本对比 3:1、2.1.1 键盘、2.4.3 焦点顺序、2.4.7 焦点可见、2.4.11 焦点不被遮挡、2.5.7 拖拽替代、2.5.8 目标尺寸 24x24px、4.1.2 名称/角色/值)。

使用方式:按参考模式编写语义化 HTML、配置 ARIA 属性与状态、设置对比度变量与焦点样式,并用 axe-core 扫描、WebAIM 对比度检查器、手动键盘 Tab 与屏幕阅读器测试来验证。资料中未提供具体安装命令。

适用场景:无障碍审计、合规改造、组件库无障碍化、键盘与屏幕阅读器支持。

限制:文中列出禁止的反模式,包括 div 堆砌、仅用颜色传达信息、缺失标签、键盘陷阱、自动播放媒体、移除焦点轮廓、正整数 tabindex、空的链接/按钮、滥用 ARIA。具体平台、收费与价格信息暂未提供。