accessible-notifications
Installation
SKILL.md
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.