test-driven-development
OBobra/superpowers298k近 7 天新增 2,631 个 star
accessible-notifications
Use when reviewing templates, rendered HTML, or shared components related to Make notifications accessible. Validate the final browser-facing markup, not just the source framework abstraction.
- Star
- 74,442
- 分类
- 浏览器与测试
- 许可证
- MIT
- 最近提交
- 2026年10月6日
skills/accessible-notifications/SKILL.md
在 GitHub 上查看Make notifications accessible
Without proper ARIA attributes, screen reader users miss critical notifications like form errors, success messages, and real-time updates—leaving them unaware of important page changes.
Quick Reference
- Use aria-live regions to announce dynamic content changes
- Choose between 'polite' (waits) and 'assertive' (interrupts) based on urgency
- Ensure notifications persist long enough to be read
- Provide visible and programmatic dismiss options
Check
Verify notifications use aria-live regions, appropriate role (alert or status), and persist long enough to be read.
Fix
Implement notifications with role='alert' or role='status', aria-live='polite' or 'assertive', and adequate display time.
Explain
Explain how accessible notifications ensure all users are informed of important updates regardless of how they interact with the page.
Code Review
Review templates, server-rendered HTML, and shared components that output markup related to Make notifications accessible. Flag exact elements, attributes, and routes where the rendered HTML violates the rule.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/rules/html/accessible-notifications
相似的 Skill
migrate-to-shoehorn
MAmattpocock/skills288k近 7 天新增 10,178 个 star
agent-runtime-gateway-smoke-test
AFaffaan-m/ECC278k近 7 天新增 4,046 个 star
精选
ai-regression-testing
AFaffaan-m/ECC278k近 7 天新增 4,046 个 star
官方
firecrawl-build-interact
FIfirecrawl/firecrawl191k近 7 天新增 2,010 个 star