accessible-notifications
CommunityGuidance for accessible notifications.
Design & Creative#a11y#keyboard-accessibility#UI-accessibility#web-ux#accessible-notifications#aria-live#toast-alternatives
Authoralexanderop
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Guides developers to implement accessible user notifications and feedback across web applications, ensuring assistive technology compatibility and WCAG adherence. It helps avoid problematic transient messages and provides clear, accessible alternatives.
Core Features & Use Cases
- Clear guidance on when to use toasts, snackbars, alerts, banners, and status messages to communicate feedback.
- Emphasis on accessibility considerations (ARIA roles, aria-live regions, keyboard navigation, focus management) and practical examples.
- Real-world use cases and patterns for success, error, and informational feedback across modern web apps.
Quick Start
Before implementing any toast-like UI, consult this skill to ensure accessibility compliance. Use accessible patterns such as aria-live regions and persistent banners for important updates, and test with keyboard and screen readers.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: accessible-notifications Download link: https://github.com/alexanderop/workoutTracker/archive/main.zip#accessible-notifications Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.