Web a11y css

Skill klovaaxel/web-a11y-agent-skills/skills/web-a11y-css

Framework-agnostic web accessibility skills and Cursor subagents for AI coding agents.

Install

npx -y skills add klovaaxel/web-a11y-agent-skills --skill web-a11y-css

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

5 stars5 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

Reviews and writes CSS that preserves accessibility across contrast, focus styles, reduced motion, forced colors, zoom, target size, semantic integrity, and custom-styled controls. Use for UI styling and design-system changes.

SKILL.md

1.2 KB, as published. Nobody here has run it

Web A11y CSS

CSS Rules

Do not remove focus indicators without a visible replacement.
Do not rely on color alone for meaning.
Respect reduced motion and provide user control for moving content.
Preserve usability under zoom, reflow, large text, and forced-colors modes.
Avoid CSS that breaks semantics or operability.

Risky CSS Checklist

CSS accessibility checklist

- [ ] Focus styles are visible and high contrast
- [ ] Text, controls, and states meet contrast expectations
- [ ] Target sizes and spacing support touch and motor constraints
- [ ] Motion is reduced or disabled when users request it
- [ ] `display`, `visibility`, `content-visibility`, and `pointer-events` do not break semantics
- [ ] Hidden labels, legends, captions, and referenced text still name controls correctly

Output

List preference modes tested, risky CSS properties used, and any semantic integrity mitigations.