visual_accessibility

Audit UI color contrast, color-reliant cues, and focus state visibility.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/trevorc-ai/PPN-Antigravity-1.0 --skill visual-accessibility
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual_accessibility
Source: https://github.com/trevorc-ai/PPN-Antigravity-1.0/tree/main/_ARCHIVE/skills_standby/visual_accessibility
Command: npx skills add https://github.com/trevorc-ai/PPN-Antigravity-1.0 --skill visual-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Accessibility Specialist helps teams ensure UI is perceivable and understandable for users with visual impairments by auditing color usage, contrast, and color-dependent cues.

Core Features & Use Cases

  • Identify color-only indicators and add accessible text or icons.
  • Evaluate contrast ratios and provide fixes for WCAG AA compliance.
  • Assess color palettes for red-green confusion and propose safe alternatives.
  • Use cases: designers validating components, developers auditing dashboards, product teams ensuring accessible prototypes.

Quick Start

Run an accessibility audit on the current UI and generate a report with actionable fixes for color contrast, color dependency, and focus visibility.

Frequently Asked Questions about visual_accessibility

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

FAQPage Schema
How do I audit UI for WCAG color contrast compliance?▼

WCAG color contrast compliance is achieved by evaluating your interface's color ratios against minimum accessibility standards. This process identifies failing color combinations and provides clear remediation guidance to achieve AA compliance for users with vision impairments.

What is color-reliant cue accessibility and why does it matter?▼

Color-reliant cue accessibility ensures interface indicators remain perceivable without color vision. It identifies UI elements relying solely on color and recommends adding text or icon alternatives to support users with color blindness considerations.

Can I check focus state visibility for web and mobile prototypes?▼

Yes, you can check focus state visibility for web and mobile prototypes. The accessibility audit evaluates focus management across interfaces to ensure keyboard and assistive technology users can clearly perceive interactive elements.

How do I fix red-green confusion in my design system palette?▼

Fix red-green confusion in your design system palette by assessing color combinations for color blindness considerations. The audit identifies problematic color dependencies and proposes safe, accessible alternatives that maintain visual clarity.

Does this accessibility audit work for dashboards and forms?▼

Yes, this accessibility audit works for dashboards and forms. It is applicable across design systems, dashboards, forms, and prototypes on web and mobile interfaces to ensure WCAG-aligned visibility and accessible focus management.