SuperAPI AI 工具集

accessible-notifications

前端与建站

查看项目

更新于 10-16 08:11

技能介绍

用途:在审查模板、服务端渲染 HTML 或共享组件时,检查“让通知可访问”相关标记是否合规。该技能关注最终面向浏览器的渲染结果,而非仅看源码。

主要能力:验证通知是否使用 aria-live 区域来播报动态内容变化;是否根据紧急程度在 polite(等待)与 assertive(打断)之间做出选择;是否使用合适的 role(alert 或 status);通知是否停留足够长以便阅读;是否同时提供可见和可编程方式的关闭选项。

使用方式:对与可访问通知相关的模板、服务端 HTML 和共享组件进行代码审查,指出渲染 HTML 违反规则的具体元素、属性和路由。实现细节、代码示例和框架相关指导见 references/rule.md。规则页:https://frontendchecklist.io/rules/html/accessible-notifications。

适用场景:表单错误、成功提示、实时更新等动态通知的审查。

限制:缺少正确的 ARIA 属性时,屏幕阅读器用户会错过关键通知;资料未提供更多平台或框架细节。