Wcag Audit Perceivable Color

🌐Community
by jkense · vlatest · Repository

Analyzes webpage color contrast against WCAG guidelines to identify accessibility issues related to perceivability.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add wcag-audit-perceivable-color npx -- -y @trustedskills/wcag-audit-perceivable-color
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "wcag-audit-perceivable-color": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/wcag-audit-perceivable-color"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill assesses the perceivability of color in web pages against Web Content Accessibility Guidelines (WCAG) 1.4.3 (Contrast (Minimum)). It identifies potential accessibility issues related to insufficient contrast between text and background colors, ensuring readability for users with visual impairments. The skill provides a detailed report outlining any violations found.

When to use it

  • Website Audits: Evaluate the color contrast of existing websites or web applications.
  • Design Reviews: Check designs before implementation to proactively address accessibility concerns.
  • Content Creation: Ensure new content, including images with text overlays, meets WCAG standards.
  • Accessibility Remediation: Identify specific areas needing improvement during an accessibility fix-up effort.

Key capabilities

  • WCAG 1.4.3 contrast ratio assessment
  • Detailed reporting of color contrast violations
  • Focus on text and background color pairs

Example prompts

  • "Analyze the color contrast of this webpage: [URL]"
  • "Check if the text color '#FFFFFF' on a background of '#000000' meets WCAG 1.4.3 requirements."
  • "Perform an accessibility audit focusing on color contrast for this design mockup."

Tips & gotchas

This skill requires providing either a URL or specific color codes to analyze. The results should be interpreted in the context of overall website accessibility, as color contrast is only one aspect of WCAG compliance.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
jkense
Installs
6

🌐 Community

Passed automated security scans.