Аудит доступности дизайна по WCAG

★ 6.8 · general

design-accessibility-auditor is a Claude Code skill that audits designs, color palettes, and UI components for WCAG 2.1 compliance. It calculates contrast ratios using the relative luminance formula (never hardcoded values), checks touch target sizes (24×24 to 44×44 CSS pixels), focus indicator visibility, and screen reader support — then delivers specific fixes with freshly calculated contrast values. The skill can work against a built-in design catalog: 15 color palettes in color-palettes.json and 22 components in components/index.json, each with pre-validated WCAG metrics. Audits conclude with a structured report covering an overall score, critical violations, warnings, and actionable remediation. Use it to validate UI before implementation or audit an existing component library — not for color harmony aesthetics or building a design system from scratch.