CtrlK
BlogDocsLog inGet started
Tessl Logo

a11y-audit

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.

70

Quality

87%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

The canonical home for this skill is a11y-audit in alirezarezvani/claude-skills

SKILL.md
Quality
Evals
Security

Quality

Content

75%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is highly actionable with executable commands, complete code examples, and a clear three-phase workflow, and it is reasonably concise. Its main defect is progressive disclosure: it references a substantial bundle of reference files and scripts that are not present, breaking navigation to the detailed content the overview promises.

Suggestions

Ship the referenced bundle: create references/ with the 9 named docs (framework-a11y-patterns.md, examples-by-framework.md, wcag-quick-ref.md, etc.) and scripts/ with a11y_scanner.py and contrast_checker.py, so the inline links and Reference Documentation table resolve.

Add an explicit Verify-phase feedback loop in the Three-Phase Workflow — e.g. 'If regressions are found, revert the offending fix and re-run Fix' — to close the workflow_clarity checkpoint gap.

Trim the redundant restatement: the "## Description" and "What this skill does" list duplicate the frontmatter description and the Features table; collapse to a single concise overview to improve token efficiency.

DimensionReasoningScore

Conciseness

The body is mostly lean tables and executable code rather than prose explaining concepts Claude already knows, but the "## Description" and "What this skill does" sections restate the scan/fix/verify/report/integrate list already present in the frontmatter, which is minor redundancy that could be trimmed.

4 / 5

Actionability

It provides copy-paste-ready commands (e.g. `python scripts/a11y_scanner.py /path/to/project --json`), full CLI option listings for both tools, a complete before/after React TSX example, and a per-pitfall "Correct Approach" column — fully executable guidance covering common cases.

5 / 5

Workflow Clarity

The three-phase Scan/Fix/Verify workflow is clearly sequenced with an explicit verification phase and a `--baseline` regression check, but the error-recovery feedback loop (what to do when Verify finds regressions) is not spelled out, leaving a minor checkpoint gap.

4 / 5

Progressive Disclosure

The overview is well-signaled with a one-level-deep reference table and inline links to 9 reference docs and 2 scripts, but none of the referenced paths resolve — the `references/`, `scripts/`, and `assets/` directories do not exist, so the promised detailed materials (including the Phase 2 fix-patterns catalog) are unreachable dead links.

2 / 5

Total

15

/

20

Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is a strong, third-person statement that clearly states what the skill does and when to use it, with comprehensive concrete actions and natural trigger terms including synonyms. It closely matches the rubric's good examples and earns top marks across all dimensions.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance" — plus color-contrast checking, compliance reporting, and CI/CD integration across six named frameworks, giving comprehensive coverage rather than vague abstractions.

5 / 5

Completeness

It explicitly answers both halves: a clear "what" (audit skill for scanning/fixing/verifying WCAG compliance) and an explicit "Use when..." clause with concrete trigger phrases, which is the anchor-5 pattern.

5 / 5

Trigger Term Quality

The "Use when" clause packs natural user phrases ("auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, integrating accessibility checks into CI/CD") and includes the accessibility/a11y synonym pair, matching the comprehensive-synonyms anchor.

5 / 5

Distinctiveness Conflict Risk

The WCAG 2.2 Level A/AA accessibility-audit niche with framework-specific triggers (a11y violations, color contrast, compliance reports) is clearly distinct from general frontend or code-review skills, with minimal overlap risk.

5 / 5

Total

20

/

20

Passed

Validation

87%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 11 missing

Warning

referenced_paths_exist

Referenced path issues: 21 missing

Warning

Total

14

/

16

Passed

Repository
alirezarezvani/claude-skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.