Run any Skill in Manus with one click

accessibility-audit

Stars0

Forks0

UpdatedMarch 29, 2026 at 07:32

Run an axe-core accessibility audit across all algorithm visualizer routes. Use before any release to verify WCAG 2.1 AA compliance, especially after UI or animation changes.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

jasonm4130

jasonm4130/sort-algorithms

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software Quality Assurance Analysts and TestersComputer and Mathematical Occupations·SOC 15-1253

File Explorer

2 files

SKILL.md

readonly

name	accessibility-audit
description	Run an axe-core accessibility audit across all algorithm visualizer routes. Use before any release to verify WCAG 2.1 AA compliance, especially after UI or animation changes.
user-invocable	true

Accessibility Audit

Runs axe-core against every /algorithm/:id route and reports WCAG violations.

When to Use

Before any public release
After adding or modifying interactive controls (sliders, buttons)
After any animation or motion changes that could affect reduced-motion support

Procedure

Build the app: npm run build
Run the audit script:
```
npx tsx .github/skills/accessibility-audit/scripts/audit.ts
```
This starts wrangler pages dev, visits each algorithm route, runs axe-core, and outputs a report.
Review violations in the terminal output or in accessibility-report.json
Cross-reference against wcag-checklist.md for manual checks that axe cannot automate (e.g., animation pause controls, colour contrast during animation states)

Pass criteria

Zero critical or serious violations
All animated regions have role="img" and descriptive aria-label
All controls have accessible labels
Reduced-motion: animations disabled when prefers-reduced-motion: reduce

More from this repository

same repository

deploy-smoke-test

jasonm4130/sort-algorithms

Run a pre-deploy smoke test: builds the app, starts wrangler pages dev, and verifies every algorithm route loads and the visualizer renders correctly. Run before pushing to main.

2026-03-290

performance-benchmark

jasonm4130/sort-algorithms

Benchmark all sorting algorithm generators: measures step counts and execution time across input sizes and patterns (random, sorted, reverse, duplicates). Use when adding or modifying an algorithm to verify Big-O behaviour.

2026-03-290

scaffold-algorithm

jasonm4130/sort-algorithms

Scaffold a new sorting algorithm: generates the generator file, pure sort function, and Vitest test file from templates, then registers it in the index and constants. Use when adding any new sorting algorithm to the project.

2026-03-290

visual-regression

jasonm4130/sort-algorithms

Capture and compare visual screenshots of the sorting visualizer. Use before/after animation changes, styling updates, or any UI refactors to detect unintended regressions.

2026-03-290

name	accessibility-audit
description	Run an axe-core accessibility audit across all algorithm visualizer routes. Use before any release to verify WCAG 2.1 AA compliance, especially after UI or animation changes.
user-invocable	true

Accessibility Audit

Runs axe-core against every /algorithm/:id route and reports WCAG violations.

When to Use

Before any public release
After adding or modifying interactive controls (sliders, buttons)
After any animation or motion changes that could affect reduced-motion support

Procedure

Build the app: npm run build
Run the audit script:
```
npx tsx .github/skills/accessibility-audit/scripts/audit.ts
```
This starts wrangler pages dev, visits each algorithm route, runs axe-core, and outputs a report.
Review violations in the terminal output or in accessibility-report.json
Cross-reference against wcag-checklist.md for manual checks that axe cannot automate (e.g., animation pause controls, colour contrast during animation states)

Pass criteria

Zero critical or serious violations
All animated regions have role="img" and descriptive aria-label
All controls have accessible labels
Reduced-motion: animations disabled when prefers-reduced-motion: reduce