accessibility-audit

Audits UI components for WCAG compliance and accessibility barriers.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/Khoiwall/be_vidify --skill accessibility-audit-khoiwall
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-audit
Source: https://github.com/Khoiwall/be_vidify/tree/main/.opencode/skill/accessibility-audit
Command: npx skills add https://github.com/Khoiwall/be_vidify --skill accessibility-audit-khoiwall

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits UI components for accessibility compliance to identify WCAG gaps and usability barriers.

Core Features & Use Cases

  • Phase-based accessibility analysis addressing color contrast, keyboard navigation, and content semantics
  • WCAG-aligned checklists and remediation guidance for design and development teams
  • Reporting and evidence-ready results suitable for audits, reviews, and stakeholder sign-off

Quick Start

Audit a target UI to generate an accessibility conformance report.

Frequently Asked Questions about accessibility-audit

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

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

To audit UI components for WCAG compliance, you need to evaluate color contrast, keyboard navigation, alt text, and motion preferences across your web app. This process identifies usability barriers and generates a component-by-component checklist to guide remediation.

What is the best way to check color contrast and keyboard navigation for accessibility?

The best way to check color contrast and keyboard navigation is through a phase-based accessibility analysis of your UI. This evaluates content semantics and interaction patterns against WCAG 2.1/2.2 criteria to document gaps and provide remediation guidance.

Can I use an accessibility audit for a component library and web forms?

Yes, you can apply an accessibility audit to component libraries, pages, and forms across web apps. It verifies color contrast, keyboard navigation, alt text, and motion preferences to identify WCAG gaps and usability barriers specific to those interfaces.

How do I generate an accessibility conformance report for stakeholder sign-off?

You generate an accessibility conformance report by auditing your target UI against WCAG 2.1/2.2 criteria. The audit documents findings with evidence-ready results and provides a remediation checklist suitable for formal reviews and stakeholder sign-off.

Does a WCAG audit check motion preferences and content semantics?

Yes, a WCAG audit checks motion preferences and content semantics alongside color contrast and keyboard navigation. It assesses these phases of your UI to identify usability barriers and verify compliance with WCAG 2.1/2.2 accessibility standards.

Why does my UI accessibility audit need a remediation checklist?

Your UI accessibility audit needs a remediation checklist to systematically guide design and development teams through fixing WCAG gaps. It documents findings component-by-component, ensuring all color contrast, keyboard, and semantic issues are tracked and resolved.