accessibility-audit

Audit UI components and web pages for WCAG 2.1/2.2 accessibility compliance.

Updated Jan 9, 2026

Search Tags:#accessibility #keyboard navigation #compliance #wcag #color contrast #ui audit

Ready to run

npx skills add https://github.com/maplin-co/ai-course --skill accessibility-audit-maplin-co

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: accessibility-audit
Source: https://github.com/maplin-co/ai-course/tree/main/.opencode/skill/accessibility-audit
Command: npx skills add https://github.com/maplin-co/ai-course --skill accessibility-audit-maplin-co

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps identify and rectify accessibility issues in user interfaces, ensuring compliance with WCAG standards and improving usability for all users.

Core Features & Use Cases

WCAG Conformance: Audits UI components and pages against WCAG 2.1/2.2 guidelines.
Issue Identification: Detects problems with keyboard navigation, color contrast, and semantic structure.
Pre-launch Verification: Acts as a final check before deployment to ensure accessibility standards are met.
Use Case: Before launching a new feature, use this skill to audit all new UI components for color contrast issues and ensure they are fully navigable via keyboard.

Quick Start

Run an accessibility audit on the current page, focusing on WCAG AA compliance.

Frequently Asked Questions about accessibility-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I check my web page for WCAG 2.1 compliance before launch?▼

You can audit UI components and web pages against WCAG 2.1/2.2 guidelines to verify keyboard navigation, color contrast, visual hierarchy, and screen reader compatibility, receiving detailed reports with actionable fixes before launch.

What is the best way to find color contrast issues in UI components?▼

The best way to find color contrast issues is performing a UI accessibility audit that detects visual hierarchy and contrast problems, ensuring your interface meets compliance standards and providing actionable fixes for pre-launch verification.

How do I verify keyboard navigation and screen reader compatibility for web pages?▼

Verify keyboard navigation and screen reader compatibility by running a UI accessibility audit that identifies semantic structure and navigation issues, ensuring your web pages meet WCAG standards and providing detailed actionable fixes.

Does an accessibility audit cover both WCAG AA and AAA conformance levels?▼

Yes, a UI accessibility audit checks components against WCAG 2.1/2.2 guidelines, focusing on WCAG AA compliance to identify color contrast, keyboard navigation, and screen reader compatibility issues, providing detailed reports and actionable fixes.

Can I use this UI audit to detect semantic structure problems in my interface?▼

Yes, you can use a UI accessibility audit to detect semantic structure problems, alongside keyboard navigation and color contrast issues, providing detailed reports and actionable fixes to ensure full WCAG 2.1/2.2 compliance.