Which web frameworks are supported?

The skill is framework-agnostic and works by auditing the resulting HTML, ARIA patterns, and structural accessibility of any web project.

How do I trigger an accessibility scan?

You can initiate a scan by running the command `/accessibility-audit:run` within the Claude Code interface.

Can this skill automatically fix the issues it finds?

While the skill identifies issues, Claude can use the generated audit report to suggest and apply code-level fixes to resolve them.

Does it check for color contrast issues?

Yes, it specifically analyzes the contrast ratios between text and background elements to ensure readability for users with visual impairments.

What standards does the Accessibility Audit follow?

The skill performs audits based on the Web Content Accessibility Guidelines (WCAG) 2.1 standards.

Accessibility Audit

Name: Accessibility Audit
Author: mralbertzwolle

bymralbertzwolle

0•

Security & Testing

Audits web projects for WCAG 2.1 compliance by identifying issues with contrast, ARIA roles, keyboard navigation, and form labels.

The Accessibility Audit skill empowers developers to build more inclusive web applications by performing automated WCAG 2.1 compliance checks directly within the Claude Code environment. By analyzing critical elements like color contrast ratios, ARIA attributes, keyboard accessibility, and form associations, it identifies potential barriers for users with disabilities. This tool is essential for teams aiming to meet legal accessibility requirements and provide a seamless user experience for everyone, regardless of how they navigate the web.

Key Features

01Keyboard navigation path analysis

020 GitHub stars

03ARIA attribute and role validation

04Form label and input association auditing

05Automated WCAG 2.1 compliance scanning

06Color contrast ratio verification

Use Cases

01Running a pre-deployment accessibility checklist for frontend projects

02Auditing legacy UI components for missing or misused ARIA tags

03Ensuring design systems meet legal contrast requirements for low-vision users

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mralbertzwolle/vibe-coding-academy-tools accessibility-audit

For use in Claude.ai and ChatGPT

Key Features

01Keyboard navigation path analysis

020 GitHub stars

03ARIA attribute and role validation

04Form label and input association auditing

05Automated WCAG 2.1 compliance scanning

06Color contrast ratio verification

Use Cases

01Running a pre-deployment accessibility checklist for frontend projects

02Auditing legacy UI components for missing or misused ARIA tags

03Ensuring design systems meet legal contrast requirements for low-vision users

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mralbertzwolle/vibe-coding-academy-tools accessibility-audit

For use in Claude.ai and ChatGPT