What problem does it solve? AI-generated interfaces frequently ship with accessibility defects: low-contrast text, removed focus outlines, mouse-only interactions, and missing loading or error states. This Skill gives coding agents concrete rules and a deterministic contrast checker so these defects are caught before delivery instead of after users complain. ## Core Features & Use Cases - WCAG Contrast Verification: A Python script, formula, and reference table compute exact contrast ratios and return PASS/FAIL verdicts for normal text (4.5:1) and large text (3:1), eliminating guessed AA claims. - Keyboard and Focus Rules: Enforces visible focus indicators, logical tab order, keyboard-operable controls, and Escape-closable dialogs. - State and Mobile Checks: Requires perceivable empty, loading, and error states, 200% text zoom without clipping, and forms that stay visible above the on-screen keyboard. - Use Case: While building a settings page, run the contrast checker on every text/background pairing, then walk the Human Skill Checklist to confirm focus visibility, keyboard access, and state coverage before shipping. ## Quick Start Check whether white text on a #777777 background passes WCAG AA and list any accessibility fixes needed in my UI.
