What problem does it solve? CSS changes often break accessibility in subtle ways: removed focus outlines, color-only state indicators, motion that ignores user preferences, and layouts that fail under zoom or forced-colors mode. This Skill gives you concrete rules and a checklist to catch those regressions before they ship. ## Core Features & Use Cases - Accessibility CSS Rules: Enforces five core rules covering focus indicators, color independence, reduced motion, zoom/reflow resilience, and semantic integrity. - Risky CSS Checklist: Provides a review checklist for focus styles, contrast, target sizes, motion preferences, and properties like display, visibility, content-visibility, and pointer-events. - Structured Review Output: Reports preference modes tested, risky properties used, and semantic mitigations applied. - Use Case: When restyling a design-system button component, use this Skill to verify the new focus ring is visible, the disabled state is not conveyed by color alone, and the styles hold up in forced-colors mode and at 200% zoom. ## Quick Start Review my stylesheet changes for accessibility issues covering focus styles, contrast, reduced motion, and forced-colors mode.
