Skills
.Work. You
Rest

team-visual-a11y

Community

Run rendered visual accessibility QA fast.

Design & Creative#remediation#wcag#typography audit#visual accessibility#oklch contrast#keyboard focus#rendered verification
Authortcytan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams systematically identify and remediate visual accessibility issues by running parallel visual audits and then planning and implementing fixes.

Core Features & Use Cases

  • Deep visual accessibility QA: Performs rendered-level audits for color contrast (OKLCH), typography readability, and focus management.
  • Parallelized pipeline: Runs three auditors concurrently, then synthesizes results into a prioritized remediation plan.
  • Full audit + fix + re-audit: In full mode, implements fixes (including OKLCH color corrections, focus-visible styles, ARIA improvements, skip links, and reduced-motion) and verifies with re-audits.
  • Standards-based verification: Checks against WCAG-related targets (e.g., AA/AAA) with OKLCH contrast and focus indicator rules.

Quick Start

Run the Skill with the request “Do a full visual accessibility audit and fix pass for https://example.com targeting WCAG AA.”

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: team-visual-a11y
Download link: https://github.com/tcytan/tecton/archive/main.zip#team-visual-a11y

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.