skills.rest
maplin-co
maplin-coOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/maplin-co/ai-course --skill accessibility-audit-maplin-co
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
hpsgdhpsgd

accessibility-audit

Audit web UI codebases for WCAG 2.1 AA compliance and generate remediation reports.

Official
Advanced
KuassKuass
1

accessibility-audit

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

Community
Intermediate
alongor666alongor666
1

accessibility-standards

Implement WCAG 2.1 AA accessibility standards in Vue 3 applications.

Community
Basic
kennedym-dskennedym-ds
14

accessibility-wcag

Evaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.

Community
Advanced