Accessibility Audit: AI Skill for UX Design
Accessibility Audit is an AI skill that runs a structured WCAG 2.1 AA audit on any screen, component, or page. Every finding cites the violated criterion, carries a severity rating, and comes with a concrete fix.
npx skills add Uxcel-Lab/product-skills --skill ux-accessibility-audit
What this skill does
Turns vague accessibility feedback into a systematic WCAG 2.1 AA audit with findings you can act on.
- Sweeps all six audit categories, so issues beyond the obvious ones get caught.
- Cites the exact WCAG criterion and level behind every finding.
- Rates each finding Critical, Major, or Minor by how completely it blocks access.
- Gives a concrete fix for every issue: the specific markup, attribute, ratio, or design change.
- Lists what already passes, not just what fails.
- Ends with an overall WCAG AA compliance status and the top fixes to get there.
- Runs standalone or as a validation step after an assistant generates UI.
When to use it
Use it when you need an AI assistant to:
- audit a design, screen, or component for WCAG compliance;
- check color contrast, typography, forms, links, media, or tables;
- validate AI-generated UI before it ships;
- prioritize accessibility fixes by user impact;
- review keyboard access and screen reader support;
- catch the issues automated scanners miss.
What this audit checks
| Category | What it catches |
|---|---|
| Color & contrast | Contrast ratios, color-only signals, text over images, selection states |
| Typography & text | Font size, line length, heading hierarchy, semantic tags |
| Forms | Keyboard access, focus indicators, labels, error states |
| Links & navigation | Descriptive labels, focus states, new-window warnings, raw URLs |
| Images & multimedia | Alt text, captions, autoplay, flashing content, gestures |
| Tables & lists | Semantic markup, header cells, captions, reflow |
How the skill works
1
Establish context
The skill confirms the platform, the WCAG target level, and whether it is auditing a design or live code.
2
Sweep all six categories
It works through color, typography, forms, links, multimedia, and tables, flagging every violation it finds.
3
Deliver a prioritized report
It rates each finding by severity, cites the WCAG criterion, gives the fix, and states the overall compliance status.
Try it with
Related skills
1.0.0
MIT
UX Design
Audits
