Accessibility Audit

The accessibility-audit skill analyzes web pages to identify usability barriers for users with disabilities, ensuring digital content meets inclusive standards. It scans for common issues like missing alt text, poor color contrast, and semantic HTML errors to provide actionable feedback.

When to use it

• Before publishing a new landing page to verify compliance with WCAG guidelines.
• During the QA phase of a frontend project to catch accessibility bugs early.
• When auditing an existing site to generate a report for stakeholders or clients.
• To validate that form inputs and navigation structures are screen-reader friendly.

Key capabilities

• Detects missing alternative text on images and media elements.
• Evaluates color contrast ratios against accessibility thresholds.
• Identifies semantic HTML issues such as missing headings or improper landmark usage.
• Flags keyboard navigation traps and focus order problems.
• Provides specific line numbers and context for each detected issue.

Example prompts

"Run an accessibility audit on this URL: https://example.com/homepage" "Check my React component code for common accessibility violations like missing ARIA labels." "Generate a summary of accessibility issues found on the checkout page, focusing on form inputs."

Tips & gotchas

This skill relies on standard WCAG criteria; it may not catch every edge case in complex custom UI frameworks. Ensure you review its specific output format to understand how severity levels are categorized for your workflow.