accessibility-audit

Identify and fix WCAG accessibility issues in UI components and pages.

1|Updated Jan 10, 2026
One-click install
npx skills add https://github.com/tuantiensiu/todo-app --skill accessibility-audit-tuantiensiu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-audit
Source: https://github.com/tuantiensiu/todo-app/tree/main/.opencode/skill/accessibility-audit
Command: npx skills add https://github.com/tuantiensiu/todo-app --skill accessibility-audit-tuantiensiu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams identify and fix accessibility issues early in the UI design and development process, ensuring WCAG conformance and better usability.

Core Features & Use Cases

  • Visual accessibility evaluation to detect color contrast, keyboard navigation gaps, and meaningful alternative text
  • Phase-based checklists for components and pages to ensure consistent accessibility across features
  • Pre-launch accessibility verification and comprehensive reporting to support design reviews and audits

Quick Start

Run an accessibility audit on your UI components and pages to surface WCAG issues, keyboard navigation problems, and color-contrast defects.

Frequently Asked Questions about accessibility-audit

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

FAQPage Schema
How do I audit UI components for WCAG compliance?

To audit UI components for WCAG compliance, this Skill runs a visual analysis phase to detect color contrast gaps, keyboard navigation issues, and missing alternative text. It then applies phase-based component checklists to ensure consistent accessibility conformance across pages.

What is the best way to check color contrast and keyboard navigation during a design review?

The best way to check color contrast and keyboard navigation is by running a visual accessibility evaluation during design reviews. This process surfaces WCAG issues and usability defects early, generating reporting templates to support immediate fixes before launch.

Can I use a phase-based checklist to ensure pre-launch accessibility verification?

Yes, you can use a phase-based checklist to ensure pre-launch accessibility verification. This workflow defines specific component and page checklists, enabling teams to systematically identify and fix accessibility issues and generate comprehensive audit reports.

Does this accessibility audit work for both development sprints and pre-launch verification?

Yes, this accessibility audit works for both development sprints and pre-launch verification. It defines a phase-based workflow applicable at either stage to identify WCAG conformance issues, evaluate usability, and generate structured reporting templates for tracking results.

Why does my UI accessibility audit need a storage plan for audit results?

Your UI accessibility audit needs a storage plan for audit results to maintain consistency across development sprints. Defining a storage plan ensures that visual analysis outputs, component checklists, and comprehensive reporting templates are tracked and referenced for future pre-launch verification.

What specific WCAG issues can I identify and fix with an a11y audit?

With an a11y audit, you can identify and fix WCAG issues like insufficient color contrast, keyboard navigation gaps, and missing meaningful alternative text. The audit applies component checklists to surface these usability defects during design reviews and development sprints.