Download PDFMarkdown Version
ClaudeChatGPTPerplexityGeminiMicrosoft CopilotRaycastMeta AIGrokZ.aiQwenKimi
DeepSeekMistralCursorVS CodeWindsurfJetBrainsClineLovableVercel AI SDKLangChain

Use WCAG Contrast Checker with your AI.

Connect your account once and let the AI you already use work with it, without building another integration. Evaluate color contrast compliance against WCAG 2.1 and WCAG 3.0 (APCA) standards.

Included with plan

Ask AI about this Connector

Developed, maintained, and hosted by Vinkius.

MCP VERIFIED · PRODUCTION READY · VINKIUS GUARANTEED

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Complete set · 3 capabilities

The complete WCAG Contrast Checker capability set.

These are the exact actions your AI can choose when you ask it to work with WCAG Contrast Checker.

Capability set01 / 01

01-03

3 capabilities in this set.

Part of 3 available through WCAG Contrast Checker.

  1. 01

    Calculate contrast

    1 and APCA results. Determines the exact contrast ratio and accessibility pass/fail status for two specific colors

  2. 02

    Find compliant suggestion

    Suggests a new background color that meets a specific accessibility target by minimally adjusting the current color's lightness

  3. 03

    Audit palette

    Validates a collection of colors to ensure they all satisfy a specific accessibility standard

Observed, not estimated

618ms average. Fast in production.

WCAG Contrast Checker is checked daily against the live service.

Daily averagePeak 800ms
Aug 24Today
Fastest day
530ms
Slowest day
800ms
14-day trend
Stable+1%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 3 capabilities arrive ready to run.

Preview access · not provider authentication

The vk_preview_* token belongs to Vinkius preview infrastructure. It lets Claude discover and display the capabilities of WCAG Contrast Checker, so you can see the experience inside your AI.

It does not authenticate your account with WCAG Contrast Checker. Actions requiring credentials or live account data may not run until you activate the Connector and authorize the service.

WCAG Contrast Checker Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_Lfv8VqyLJIKyGy3fae9w4KOMmwDTCPhqWj1LLrE1/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — WCAG Contrast Checker capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "wcag-contrast-checker-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_Lfv8VqyLJIKyGy3fae9w4KOMmwDTCPhqWj1LLrE1/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Step-by-step instructions for each client are in the guide. How to connect

FAQ

Questions WCAG Contrast Checker owners ask.

  • 01

    What standards does this capability support?

    The capability supports WCAG 2.1 (Contrast Ratio) and WCAG 3.0 (APCA - Advanced Perceptual Contrast Algorithm).

  • 02

    How can I find a color that passes AA standards?

    You can use the find_compliant_suggestion capability. Provide your current color and specify 'AA_NORMAL' as the target level.

  • 03

    Can I check multiple colors at once?

    Yes, use the audit_palette capability by providing a JSON array of foreground colors and a single background color.

Explore

More in Web Development

Suggestions