What problem does it solve? AI-generated interfaces frequently ship with accessibility defects: grey-on-grey text that fails WCAG contrast ratios, removed focus outlines, hover-only menus, color-only status feedback, and forms hidden behind mobile keyboards. This Skill gives coding agents concrete rules and a deterministic contrast checker so these exclusions are caught before delivery instead of after users complain. ## Core Features & Use Cases - Contrast Verification: A Python script, the WCAG 2.x luminance formula, and a precomputed reference table for checking any text/background pairing against the 4.5:1 and 3:1 thresholds, including text over images and gradients. - Keyboard and Focus Rules: Tell/Why/Fix patterns for removed focus outlines, mouse-only interactions, broken tab order, and weak focus indicators, each tied to governing core rules (R-25, R-26, R-32, R-34). - State and Mobile Checks: Requirements for perceivable empty/loading/error states, 200% text zoom without clipping, and keeping focused inputs visible above the on-screen keyboard. - Use Case: While building a settings page, an agent pairs #777777 labels on white, runs python3 contrast-check.py "#FFFFFF" "#777777", sees normal text FAIL at 4.48:1, and darkens the label before shipping. ## Quick Start Ask the agent to audit your UI's colors, focus styles, and form states using the antislop human accessibility checklist and contrast checker.
