Accessibility checker
Skill lexicalninja/my-little-scrum-team/skills/accessibility-checker
Checks code for accessibility issues including missing alt text, poor color contrast, missing ARIA labels, keyboard navigation issues, screen reader compatibility, and focus management. Returns structured accessibility issue reports with WCAG compliance information.From its SKILL.md
npx -y skills add lexicalninja/my-little-scrum-team --skill accessibility-checkerAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
2.5 KB, as published. Nobody here has run it
Accessibility Checker Skill
Instructions
- Analyze code for accessibility issues
- Check for missing or poor alt text on images
- Verify color contrast meets WCAG standards
- Check for missing ARIA labels and roles
- Verify keyboard navigation works
- Check screen reader compatibility
- Review focus management
- Return structured accessibility reports with:
- File path and line numbers
- Accessibility issue type
- WCAG guideline reference
- Current code
- Suggested fix
- Reason and impact
- Priority (Must-Fix for critical, Should-Fix for important)
Examples
Input: Image without alt text Output:
### A11Y-001
- **File**: `index.html`
- **Lines**: 25
- **Priority**: Must-Fix
- **Issue**: Image missing descriptive alt text
- **WCAG Reference**: WCAG 2.1 Level A - 1.1.1 Non-text Content
- **Current Code**:
```html
<img src="dog.jpg" alt="">
- Suggested Fix:
<img src="dog.jpg" alt="Golden retriever puppy playing in a sunny park"> - Reason: Screen readers need descriptive alt text to convey image content to users
- Impact: Users with visual impairments cannot understand the image content
## Accessibility Issues to Detect
- **Missing Alt Text**: Images without descriptive alt attributes
- **Poor Color Contrast**: Text/background contrast below WCAG standards
- **Missing ARIA Labels**: Interactive elements without proper ARIA labels
- **Keyboard Navigation**: Elements not keyboard accessible
- **Focus Management**: Missing or invisible focus indicators
- **Screen Reader Issues**: Semantic HTML not used, missing landmarks
- **Form Labels**: Missing or improperly associated form labels
- **Heading Hierarchy**: Incorrect or missing heading structure
- **Language Declaration**: Missing lang attribute on html element
- **Text Resizing**: Content that breaks when text is resized
- **Flashing Content**: Content that flashes more than 3 times per second
## Priority Guidelines
- **Must-Fix**: Critical accessibility issues (missing alt text, keyboard navigation, WCAG A violations)
- **Should-Fix**: Important accessibility improvements (contrast, ARIA labels, WCAG AA)
- **Nice-to-Have**: Enhancement accessibility features (WCAG AAA, advanced ARIA)