SuperAPI AI 工具集

a11y-annotation-generator

通用与其它

查看项目

更新于 10-15 21:09

技能介绍

用途:扫描 HTML/JSX/Vue 文件中的无障碍问题,并补充 ARIA 标签、角色、alt 文本等标注,使内容对屏幕阅读器可访问。

主要能力:为图片补 alt(装饰图用 alt="" 加 role="presentation");为纯图标按钮、链接加 aria-label 并给图标 aria-hidden;为表单加 label、aria-required、aria-invalid、aria-describedby 及错误提示 role="alert";补充语义化标签与地标角色(nav、main、header、footer、aside);为动态内容加 role="status"、role="alert"、aria-live、aria-busy 与 progressbar;为弹窗加 role="dialog"、aria-modal 及焦点管理;为下拉菜单、手风琴加 aria-expanded、aria-haspopup、aria-controls;为表格加 caption、scope、headers;并给出 React、Vue 的写法示例。

使用方式:先按资料中的 grep 命令扫描问题,例如查找无 alt 的图片:grep -r "<img" src/ --include=".jsx" --include=".tsx" --include="*.vue" | grep -v "alt=";再按对应模式逐项修改。

适用场景:组件无障碍改造、WCAG 合规检查、屏幕阅读器适配。

限制:资料未提供安装命令、收费、价格、平台与效果数据;具体实现需结合项目框架与人工测试(键盘、NVDA/JAWS/VoiceOver)验证。