crit-accessibility

Audit locked designs for WCAG and platform accessibility failures.

3|Updated Feb 23, 2026
One-click install
npx skills add https://github.com/metedata/design-crit --skill crit-accessibility
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: crit-accessibility
Source: https://github.com/metedata/design-crit/tree/main/skills/crit-accessibility
Command: npx skills add https://github.com/metedata/design-crit --skill crit-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill systematically audits a completed, locked design direction for accessibility gaps and produces actionable remediation strategies so designs meet platform and WCAG requirements. It is intended to run last and evaluate the accumulated design across all facets (navigation, layout, components, color, motion, and content).

Core Features & Use Cases

  • Full-spectrum audit: Runs checks for keyboard navigation, screen reader support, touch targets, color contrast, motion, and cognitive accessibility across the locked design.
  • Deliverables: Produces a detailed HTML audit report, annotated remediated wireframes, remediation checklists grouped by severity, and implementation notes for each option.
  • Remediation options: Provides 2-3 strategies (Minimum Compliance, Enhanced Access, Inclusive by Default) showing visual before/after annotations and implementation effort estimates.
  • Use case: Final pre-launch accessibility verification and remediation planning to achieve at least WCAG AA, or to trade off effort versus visual impact when integrating accessibility into an existing design.

Quick Start

Run an accessibility audit on the current locked design and generate 2-3 remediation options with an HTML report and annotated wireframes.

Frequently Asked Questions about crit-accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit a final design for WCAG compliance before launch?

To audit a final design for WCAG compliance, run an accessibility audit on locked design decisions to evaluate keyboard navigation, screen reader support, touch targets, color contrast, motion, and cognitive accessibility across all screens and themes.

What is the best way to remediate color contrast and touch target failures in a locked design?

The best way to remediate color contrast and touch target failures is to generate 2-3 remediation strategies, such as Minimum Compliance or Inclusive by Default, which include annotated wireframes and implementation notes to achieve at least WCAG AA.

Can I use this accessibility audit on designs that are still changing?

No, this accessibility audit requires fully locked design decisions across all facets including layout, components, and color, as it evaluates accumulated final-stage product designs to produce accurate remediation checklists and wireframes.

What deliverables do I get from a design accessibility audit?

Deliverables from a design accessibility audit include a detailed HTML audit report, annotated remediated wireframes for 2-3 options, remediation checklists grouped by severity, and implementation notes estimating effort versus visual impact.

How do keyboard navigation and screen reader support get checked during a design audit?

Keyboard navigation and screen reader support get checked by running a full-spectrum accessibility audit on the locked design direction, systematically identifying platform failures and producing actionable remediation strategies to meet WCAG requirements.

When should I not run a full-spectrum accessibility audit on my product design?

You should not run a full-spectrum accessibility audit when design decisions are still changing, because this process evaluates accumulated locked facets and generates remediation wireframes and checklists based on final-stage product designs.