agentsclimarketplace
Sign in

Frontend ui accessibility

Skill charlieviettq/awesome-agent-skill/.cursor/skills/frontend-engineering/frontend-ui-accessibility

Build accessible UI—semantic HTML, keyboard support, ARIA when needed, WCAG-oriented checks. Use when implementing or reviewing web UI, forms, modals, and design systems. Triggers: "accessibility", "a11y", "WCAG", "keyboard nav", "screen reader".From its SKILL.md

Install
npx -y skills add charlieviettq/awesome-agent-skill --skill frontend-ui-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

  • 24 stars24 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.4 KB, 261 tokens by cl100k_base, as published. Nobody here has run it

Frontend UI and accessibility

Defaults

  • Semantic HTML first; ARIA only when native semantics insufficient
  • Keyboard-operable for every interactive control
  • Visible focus states; do not remove outlines without replacement
  • Color contrast and non-color-only status cues

Build checklist

  • Heading hierarchy (h1 once per view where applicable)
  • Labels tied to inputs (label/for or aria-labelledby)
  • Buttons vs links used correctly
  • Modals: focus trap, Escape, return focus on close
  • Images: meaningful alt or decorative alt=""
  • Dynamic updates: aria-live when needed

Review checklist

  • Tab order logical; no keyboard traps
  • Touch targets adequate on mobile
  • Motion respects prefers-reduced-motion
  • Forms: errors associated with fields

Performance interaction

Avoid layout thrash; lazy-load below fold; measure LCP/CLS when shipping UI.

Related

  • reference.md — WCAG-oriented checklist
  • performance/performance-optimization — web vitals
  • gstack/design-review — visual polish (complementary)

What ships with it: 1 file

1.2 KB alongside SKILL.md

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.