a11y-best-practices
Accessibility Best Practices
This skill covers comprehensive accessibility patterns for building inclusive interfaces — from prevention to identification to remediation. It addresses the most common accessibility issues found on the web (based on WebAIM Million reports showing 95% of sites fail WCAG AA).
Use-When
This skill activates when:
- Agent builds new UI components (buttons, forms, modals, menus)
- Agent creates page layouts or content structures
- Agent adds images, media, or interactive elements
- Agent audits existing code for accessibility issues
- Agent fixes accessibility bugs or violations
- Agent writes tests that should verify accessibility
Core Rules
Prevention (Building Accessible)
- ALWAYS ensure minimum 4.5:1 contrast ratio for normal text (3:1 for large text)
More from moderndegree/agent-skills
design-systems
Design tokens, spacing scales, color systems, and typography for building consistent UIs. Use when creating design systems, theming, or establishing UI foundations.
8motion-animation
Motion design principles, when to animate, transitions, and accessibility. Use when adding animations, micro-interactions, or ensuring accessibility for motion.
6dialogs-modals
Modal and dialog patterns, confirmations, destructive actions, and focus management. Use when building modals, dialogs, or confirmation dialogs.
6form-design
Form UX patterns, field types, multi-step wizards, and layout. Use when building forms, registration flows, or any data collection interfaces.
5notifications-feedback
Toast notifications, alerts, feedback messages, and their timing. Use when adding user feedback, success messages, or alerts.
5shadcn-best-practices
Best practices for working with shadcn/ui components, imports, theming, and forms. Use when building UI with shadcn, adding components, configuring theming, or creating forms.
5