SuperAPI AI 工具集

fixing-accessibility

前端与建站

查看项目

更新于 10-16 08:45

技能介绍

用途:审查并修复 HTML/UI 无障碍问题,适合在新增或修改按钮、链接、输入框、菜单、对话框、标签页、下拉框,构建表单与校验错误态,实现键盘快捷键或自定义交互,处理焦点状态与模态框行为,渲染仅图标控件,以及处理仅悬停交互或隐藏内容时参考。

主要能力:按优先级组织规则——可访问名称、键盘访问、焦点与对话框、工具边界为关键级;语义、表单与错误为高;公告为中高;对比度与状态为中;媒体与动效为低中。涵盖仅图标按钮需 aria-label、输入需标签、链接文本需有意义、装饰图标 aria-hidden;交互元素需可 Tab 到达且焦点可见、不得用 tabindex 大于 0、Escape 关闭覆盖层;模态需焦点陷阱并在关闭后恢复焦点;优先原生元素而非 role;表单错误用 aria-describedby 关联并设 aria-invalid;用 aria-live 播报关键错误;保证对比度、悬停交互需键盘等价、不要无替代地移除焦点轮廓;图片需正确 alt、尊重 prefers-reduced-motion。

使用方式:在对话中发送 /fixing-accessibility 可将约束应用于任意 UI 工作;发送 /fixing-accessibility <file> 则按全部规则审查该文件,报告违规(引用具体行或片段)、一句话影响与代码级具体修复。要求最小化、针对性修改,不重写大段 UI。

限制:工具边界要求最小改动、不重构无关代码、原生语义可解决时不加 aria、未经请求不迁移 UI 库;复杂组件优先采用既有可访问原语而非自定义行为。未提供具体价格、平台支持信息。