Help us improve
Share bugs, ideas, or general feedback.
From grimoire
Audits UI components against WCAG 2.2, Section 508, and ARIA requirements. Provides automated and manual steps for color, keyboard, screen reader, form, and motion accessibility.
npx claudepluginhub jeffreytse/grimoire --plugin grimoireHow this skill is triggered — by the user, by Claude, or both
Slash command
/grimoire:design-accessibility-standardsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Ensure digital interfaces are perceivable, operable, understandable, and robust for users with disabilities, meeting legal and ethical standards.
Audits designs for WCAG 2.2 AA violations (contrast, focus, target size, keyboard semantics, motion, cognition). Auto-activates on designer tasks.
Ensures WCAG 2.2 AA web accessibility: color contrast ratios (4.5:1 body text), keyboard navigation, ARIA attributes, focus indicators, screen reader support, color independence, and axe-core testing.
Audits and improves web accessibility following WCAG 2.2 guidelines, including POUR principles, alt text for images/icons, color contrast, and focus states. Use for a11y audits and compliance.
Share bugs, ideas, or general feedback.
Ensure digital interfaces are perceivable, operable, understandable, and robust for users with disabilities, meeting legal and ethical standards.
Adopted by: All US federal agencies (Section 508 mandate), EU (EN 301 549), UK (PSBAR 2018), Apple App Store accessibility review, Google Play accessibility guidelines Impact: 1 in 4 US adults has a disability; accessible design improves usability for all users (curb-cut effect); ADA non-compliance lawsuits exceeded 4,000/year in 2022 Why best: WCAG 2.2 POUR framework (Perceivable, Operable, Understandable, Robust) provides a complete, testable taxonomy covering visual, motor, cognitive, and auditory needs.
Sources: W3C WCAG 2.2 (2023); W3C WAI-ARIA 1.2 (2023); US Section 508 (29 USC §794d)
<label>; error messages are programmatically linked to inputs via aria-describedby; required fields marked both visually and with aria-required.prefers-reduced-motion for all animations; no content flashes more than 3 times per second (seizure threshold).alt="" to be ignored by screen readers.<button>, <nav>) over ARIA roles on <div>.<button><svg>...</svg></button> is read as "button" by screen readers; add aria-label.