SuperAPI AI 工具集

accessible-tooltips

前端与建站

查看项目

更新于 10-16 08:11

技能介绍

用途:在审查模板、已渲染 HTML 与共享组件时,检查与“创建无障碍工具提示”相关的输出标记是否符合无障碍要求,验证的是最终面向浏览器的标记,而不仅是源码。\n\n主要能力与检查要点:工具提示必须可被键盘访问,触发器需可聚焦;用 aria-describedby 把工具提示与触发器关联;悬停和聚焦都应能显示提示,并支持按 Escape 键关闭;保证足够对比度,且不要把关键信息仅藏在工具提示中。检查时确认工具提示可键盘访问、使用合适的 ARIA 角色(tooltip),并且能在不移动焦点的情况下被关闭。\n\n使用方式:该规则面向代码审查场景,检查模板、服务端渲染 HTML 及共享组件中与无障碍工具提示相关的标记,指出具体元素、属性和路由上违反规则之处。修复方向为使用 role='tooltip'、aria-describedby、键盘触发及 Escape 键关闭来实现工具提示。完整实现细节、代码示例和框架相关指引见 references/rule.md。\n\n适用场景:前端代码审查、无障碍审计、组件库与模板质量检查。\n\n限制:资料未提供具体代码示例内容、框架适配细节、价格或平台信息,暂未提供;需结合规则页面与实际项目自行验证。