SuperAPI AI 工具集

fixing-accessibility

前端与建站

查看项目

更新于 10-16 00:06

技能介绍

用途:审查并修复 HTML 无障碍问题,适用于按钮、链接、输入框、菜单、对话框、标签页、下拉框、表单校验、键盘快捷键、焦点状态、图标按钮、悬停交互等 UI 工作。

主要能力:按优先级覆盖九类规则——可访问名称(critical)、键盘访问(critical)、焦点与对话框(critical)、语义(high)、表单与错误(high)、播报(medium-high)、对比度与状态(medium)、媒体与动效(low-medium)、工具边界(critical)。要求每个交互控件有可访问名称,图标按钮加 aria-label 或 aria-labelledby,输入控件有标签,装饰性图标 aria-hidden;交互元素可 Tab 到达且焦点可见,不用 tabindex 大于 0,Escape 关闭对话框;模态框需捕获焦点、关闭后恢复焦点;优先原生元素而非 role 技巧;表单错误用 aria-describedby 关联并设置 aria-invalid;关键错误用 aria-live,加载状态用 aria-busy;保证对比度,悬停交互有键盘等价,不无替代地移除焦点轮廓;图片有正确 alt,尊重 prefers-reduced-motion,避免自动播放带声音媒体。

使用方式:在对话中输入 /fixing-accessibility 将约束应用到当前 UI 工作;输入 /fixing-accessibility <file> 审查文件,报告违规(引用具体行或片段)、原因(一句话)和具体修复建议(代码级)。要求最小化、针对性修改,不重写大段 UI。

限制:不重构无关代码,不在原生语义已解决时添加 aria,不迁移 UI 库,除非被要求;复杂控件优先使用成熟的可访问原语而非自定义行为。资料未提供安装命令、收费、价格或平台信息。