SuperAPI AI 工具集

accessibility-deep

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:帮助开发者与设计师系统落实无障碍(a11y)设计,覆盖 WCAG 合规、屏幕阅读器模式、键盘导航与包容性设计。

主要能力:

  1. ARIA 模式参考:列出常见组件所需 ARIA 属性,如 Modal 用 role=dialog、aria-modal=true、aria-labelledby;Tab panel 用 role=tablist、role=tab、role=tabpanel、aria-selected;Accordion 用 aria-expanded、aria-controls;Menu 用 role=menu、role=menuitem、aria-haspopup;Combobox 用 role=combobox、aria-expanded、aria-activedescendant;Alert 用 role=alert、aria-live=assertive;Status 用 role=status、aria-live=polite;Progress 用 role=progressbar、aria-valuenow、aria-valuemin、aria-valuemax。
  2. 焦点管理:焦点顺序遵循视觉顺序或逻辑阅读顺序;模态与对话框内做焦点陷阱;关闭模态后焦点返回触发元素;为重复导航提供跳转链接;始终显示焦点样式,不要移除 :focus-visible。
  3. 屏幕阅读器测试:使用 VoiceOver(Mac)、NVDA(Windows)、TalkBack(Android)测试;每个交互元素有可访问名称;动态内容变化通过 aria-live 播报;图片有有意义的 alt 文本(装饰性图片用 alt="");表单错误出现时被播报。
  4. 认知无障碍:使用平实语言,不堆砌未解释术语;跨页面导航与布局保持一致;错误信息清晰并给出恢复指引;避免超时或提供延长选项;不依赖记忆,在上下文中展示信息。

使用方式:资料未提供具体安装命令或调用步骤,暂未提供。

适用场景:前端组件开发、设计评审、无障碍审计与测试。

限制:资料未说明支持的平台、框架或收费情况,暂未提供。