agentsclimarketplace

Dec accessibility

Skill jpoindexter/design-engineering-canon/skills/dec-accessibility

20 agent-agnostic skills encoding the foundational canon of design engineering — usability heuristics, UX laws, product strategy, accessibility, performance, motion, software principles, design systems, AI-native patterns. Installs globally for Claude Code and any SKILL.md-aware agent.

Install
npx -y skills add jpoindexter/design-engineering-canon --skill dec-accessibility

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Accessibility foundations for design engineers — WCAG / POUR, semantic-HTML-first then ARIA, keyboard and focus management, inclusive design for permanent/temporary/situational constraints. Use when building or reviewing any interactive UI, adding ARIA, implementing modals/menus/forms, or auditing keyboard operability and focus order.

SKILL.md

1.6 KB, as published. Nobody here has run it

Accessibility

A critical, non-optional layer for a design engineer. Target WCAG AA.

  • WCAG / POUR: Content must be Perceivable, Operable, Understandable, Robust. AA conformance is the floor.
  • Semantic HTML first, ARIA second: Native elements carry built-in accessibility; ARIA only patches what HTML can't express. "No ARIA is better than bad ARIA."
  • Keyboard & Focus Management: Full keyboard operability, visible focus rings, logical tab order, focus traps in modals, restored focus on close.
  • Inclusive Design: Design for permanent, temporary, and situational constraints (one-armed, broken-armed, holding-a-baby). Accessibility is the curb-cut that helps everyone.

How to apply

  • Reach for the native element (button, a, label, dialog, nav) before any div + ARIA combination.
  • Every interactive must be reachable and operable by keyboard, with a visible focus state.
  • Modals: trap focus inside, return focus to the trigger on close, close on Esc.
  • Real <label> for every input — placeholder is never a label.
  • Verify against AA contrast (4.5:1 text / 3:1 large & UI) and test with a screen reader, not just the eye.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.