skills.rest
anonymouswhite07
anonymouswhite07COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-a11y

Audit UI components for WCAG 2.2 AA conformance and output prioritized fixes.

Updated Apr 22, 2026
Search Tags:#design#ui#accessibility#audit#wcag#styleseed#b11y
One-click install
npx skills add https://github.com/anonymouswhite07/Portfolio-v1 --skill ui-a11y
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-a11y
Source: https://github.com/anonymouswhite07/Portfolio-v1/tree/main/.agents/skills/ui-a11y
Command: npx skills add https://github.com/anonymouswhite07/Portfolio-v1 --skill ui-a11y

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits UI components and pages for WCAG 2.2 AA conformance and provides practical accessibility fixes that align with your codebase.

Core Features & Use Cases

  • WCAG conformance auditing across perceivable, operable, understandable, and robust criteria.
  • Actionable, prioritized fixes with safe implementation guidance for StyleSeed-based components.
  • Use with web UIs, mobile-first pages, and interactive forms to improve keyboard navigation and readability.

Quick Start

Run the audit on a component or page by passing its source to the auditor and review the prioritized fixes.

Frequently Asked Questions about ui-a11y

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

FAQPage Schema
How do I audit my UI components for WCAG 2.2 AA conformance?▼

You can audit web pages and mobile-first layouts by passing the source to the auditor. It evaluates perceivable, operable, understandable, and robust criteria to surface prioritized accessibility fixes with safe implementation guidance.

Does this accessibility audit work with mobile-first layouts and interactive forms?▼

Yes, the accessibility audit works with mobile-first layouts, interactive forms, and dashboards. It checks keyboard navigation and readability to ensure your web UI components meet WCAG 2.2 AA standards.

What is the best way to fix ARIA and semantic HTML issues in a design system?▼

The best way to fix ARIA and semantic HTML issues is to apply the safe implementation guidance from the audit's prioritized fix list. This ensures your design system components achieve proper labeling and focus management without breaking functionality.

What WCAG 2.2 AA criteria are checked during a UI accessibility audit?▼

A UI accessibility audit checks WCAG 2.2 AA criteria across perceivable, operable, understandable, and robust categories. It validates proper labeling, color contrast ratios, focus management, and necessary ARIA attributes.

Can I get safe implementation guidance for accessibility fixes on existing dashboards?▼

Yes, you can get safe implementation guidance for existing dashboards. The audit outputs a prioritized list of actionable accessibility fixes designed to align with your current codebase and modern design systems.

Related Skills

Explore More Design & Creative Skills→
sigmadigitalzasigmadigitalza
1

frontend-accessibility-review

Audit web frontends for WCAG 2.2 AA conformance with static and live checks.

Official
Advanced
Shaarav4795Shaarav4795

web-accessibility

Improves UI component accessibility to meet WCAG 2.1 and ARIA standards.

Community
Intermediate
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced
hpsgdhpsgd

accessibility-audit

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

Official
Advanced