sample-scan-report

A11y Audit Report — sample-component.tsx

Content Preview
# A11y Audit Report — sample-component.tsx

**Scanned:** 1 file | **Issues:** 9 | **Status:** FAIL

## Critical (3)

### 1. Missing alt text on image
- **File:** sample-component.tsx:7
- **Code:** `<img src={user.avatar} />`
- **WCAG:** 1.1.1 Non-text Content (Level A)
- **Fix:** Add descriptive alt text: `<img src={user.avatar} alt={`${user.name}'s avatar`} />`

### 2. Click handler without keyboard support
- **File:** sample-component.tsx:5
- **Code:** `<div className="card" onClick={() => onE
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/sample-scan-report.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/a11y-audit/expected_outputs/sample-scan-report.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/alirezarezvani/claude-skills

Then reference at engineering-team/a11y-audit/expected_outputs/sample-scan-report.md

Related Skills