What problem does it solve? AI-generated and hand-built UIs frequently ship with accessibility defects: low-contrast text, removed focus outlines, mouse-only interactions, and color-only status feedback that exclude users with different vision, motor, and device conditions. This Skill provides concrete rules and a contrast checker to catch these defects before delivery. ## Core Features & Use Cases - Contrast Verification: A bundled Python script, the WCAG 2.x luminance formula, and a precomputed reference table to verify text (4.5:1) and non-text (3:1) contrast ratios instead of eyeballing them. - Keyboard & Focus Rules: Enforces keyboard-operable controls, visible focus indicators, logical tab order, and Escape-closable dialogs. - State & Mobile Checks: Requires perceivable empty/loading/error states, 200% text zoom without clipping, and forms that stay visible above the on-screen keyboard. - Use Case: While building a React settings page, run the contrast checker on every text/background pairing, then walk the Human Skill Checklist to confirm focus rings, keyboard access, and state messaging before shipping. ## Quick Start Ask the agent to review this UI component against the antislop human accessibility rules and verify all color pairings with the contrast checker.
