agentsclimarketplace
Sign in

Dec accessibility

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

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.From its SKILL.md

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.

SKILL.md

1.6 KB, 298 tokens by cl100k_base, 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.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.

Keep looking

Skills are one crate of 325,949. 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.