From ccds-core
Accessibility (WCAG 2.2 AA+, ARIA, assistive-tech compatibility, keyboard / switch / voice / screen-reader UX). Auto-invoked when building UI, prepping for audit, or remediating a11y findings.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ccds-core:common-a11yThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Accessibility is the standard that stress-tests the rest of your UX: a keyboard-only
Accessibility is the standard that stress-tests the rest of your UX: a keyboard-only user, a screen-reader user, and a low-vision user each find the bugs sighted mouse-using users never will.
<button> beats <div role="button" tabindex="0">
every time. ARIA fills gaps in HTML semantics — most a11y bugs are ARIA used where
plain HTML was sufficient.<body>.prefers-reduced-motion and
prefers-contrast; test Windows high-contrast mode. Contrast minimums: 4.5:1 for
body text, 3:1 for large text and UI components. Never convey state or error by
color alone.<Button> is right, every page is right. One-off page fixes don't scale.| Combination | Platform | Covers |
|---|---|---|
| NVDA + Chrome | Windows | most common free pairing |
| JAWS + Chrome | Windows | enterprise / procurement baseline |
| VoiceOver + Safari | macOS | the only supported macOS pairing |
| VoiceOver + Safari | iOS | mobile web |
| TalkBack + Chrome | Android | mobile web |
For each flow, verify announcement quality — name, role, value, state changes via
aria-live — not just that something is read.
aria-describedby for hints, error association on inputsaria-label on a <div> with a click handler instead of a real <button><body>)aria-live regions added after page load, or spamming announcements on every keystroke<label>prefers-reduced-motion fallbackRelated: ux-design (overall usability critique), common-i18n (RTL interacts with
focus order), common-notifications (accessible email/in-app templates) · pulled by
any domain agent · output/ADR format: playbook-conventions
npx claudepluginhub ggrace519/claude-code-dev-studio --plugin ccds-coreProvides CDSS development patterns for drug interaction checking, dose validation, clinical scoring (NEWS2, qSOFA), and alert classification integrated into EMR workflows.