ClaudeChatGPTPerplexityGeminiMicrosoft CopilotRaycastMeta AIGrokZ.aiQwenKimi
DeepSeekMistralCursorVS CodeWindsurfJetBrainsClineLovableVercel AI SDKLangChain

Use WCAG Color Contrast with your AI.

Connect your account once and let the AI you already use work with it, without building another integration. Check WCAG color contrast compliance via AI. verify text readability against backgrounds for accessible, inclusive web design.

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 · 8 capabilities

The complete WCAG Color Contrast capability set.

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

Capability set01 / 02

01-04

4 capabilities in this set.

Part of 8 available through WCAG Color Contrast.

  1. 01

    Check black text on bg

    Check contrast of pure black text against a specific background

  2. 02

    Check color contrast

    1 contrast ratio for a specific foreground and background color pair to audit visual accessibility. Check the WCAG contrast ratio between a foreground and background color

  3. 03

    Check dark mode surface

    Check contrast against a standard dark mode surface

  4. 04

    Check text on pure white

    Check contrast of a text color against a pure white background

Capability set02 / 02

05-08

4 capabilities in this set.

Part of 8 available through WCAG Color Contrast.

  1. 05

    Check white text on bg

    Check contrast of pure white text against a specific background

  2. 06

    Check danger text contrast

    Check contrast of standard danger/error red text on a background

  3. 07

    Check light mode surface

    Check contrast against a standard light mode surface

  4. 08

    Check text on pure black

    Check contrast of a text color against a pure black background

Observed, not estimated

863ms average. Fast in production.

WCAG Color Contrast is checked daily against the live service.

Daily averagePeak 1058ms
Aug 20Today
Fastest day
704ms
Slowest day
1058ms
14-day trend
Stable0%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 8 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 Color Contrast, so you can see the experience inside your AI.

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

WCAG Color Contrast Connector

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

Connector linkhttps://edge.vinkius.com/vk_preview_ToTQpdJuObTgdPgJyLWHlH7B6StfiSmankHl08eC/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 Color Contrast capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "color-contrast-checker-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_ToTQpdJuObTgdPgJyLWHlH7B6StfiSmankHl08eC/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 Color Contrast owners ask.

  • 01

    What accessibility standards does it check?

    It checks against both WCAG 2.1 Level AA (minimum 4.5:1 for normal text, 3:1 for large text) and Level AAA (7:1 for normal text, 4.5:1 for large text).