How to Use the Accessibility Prover MCP in Windsurf

Have Windsurf's Cascade agent build accessible-first UI. Stop shipping code with compliance issues.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Accessibility Prover MCP to Windsurf

Create your Vinkius account to connect Accessibility Prover to Windsurf and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup Accessibility Prover with Windsurf

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Enforce WCAG 2.2 AA Before a Single Line of Code

The `validate_accessibility` tool forces Windsurf's Cascade agent to prove a UI design is compliant before it starts writing code. It checks that your plan includes proper semantic landmarks, not just clickable divs. Cascade has to define the keyboard tab order, focus states, and how modals will trap focus. This isn't a post-build linter. It's a pre-build gate. The tool makes Cascade specify exact color contrast ratios, define all necessary ARIA labels, and account for `prefers-reduced-motion` settings. If the plan fails validation, Cascade has to rethink the design, saving you from fixing accessibility bugs later.

Automate Accessibility Reviews with Windsurf

Give Cascade a high-level goal like "Design a login form component." With this MCP Server, Cascade's first step is always to run its plan through `validate_accessibility`. It won't proceed until the design passes checks for things like explicit form-label relationships and clear alt text for images. You don't have to remember every WCAG rule. Let your agent handle it. Because Cascade can chain actions, it automatically uses this tool to validate its own component specs. This makes accessibility a default part of your development process, not an afterthought.

Build Barrier-Free UIs by Default

This tool prevents entire classes of accessibility problems from ever reaching your codebase. It makes sure your agent's plan for a new component is sound from the start. No more focus traps or low-contrast text slipping through. Connect this MCP Server and let Cascade do the work. It will learn to structure its UI generation around the strict requirements of WCAG 2.2 AA and EAA 2025. You get better, more inclusive components without having to micromanage every detail.

Setup guide

Set up Accessibility Prover MCP in Windsurf

Prerequisites

Windsurf IDE installed (macOS, Windows, or Linux)
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Click the Cascade assistant icon in the sidebar, then click the hammer icon (🔨) at the top of the panel. Select "Configure" to open ~/.codeium/windsurf/mcp_config.json.
2

Add the Accessibility Prover MCP

Paste the JSON snippet shown on the right into the mcpServers object. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Refresh MCPs

Go back to the hammer icon (🔨) in Cascade and click "Refresh". Windsurf will detect the new server. No full restart is needed — the connection is hot-reloaded.
4

Verify in Cascade

Start a new Cascade conversation and ask something like "Show my Accessibility Prover payment history." If connected, Cascade will call the Accessibility Prover tools directly. You will see a green dot next to the server name in the MCP panel.

mcp_config.json

{
  "mcpServers": {
    "accessibility-prover-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Accessibility Prover. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Accessibility Prover now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Accessibility Prover MCP in Windsurf

You connect the MCP Server, and Cascade automatically sees the `validate_accessibility` tool. When you ask it to build a UI component, Cascade uses the tool to check its own design plan against WCAG 2.2 AA rules before writing any code. It's an automated, pre-build compliance check.

The tool will reject the agent's plan and explain why. For example, it might say the color contrast is too low or that keyboard navigation isn't defined. Cascade will then have to revise its plan and run the validation again.

No, this tool is designed for pre-build validation. It checks the *plan* or *specification* for a new UI component, not existing, already-built code. It forces your agent to think about accessibility from the very beginning.

It's simple. You can use the built-in MCP Marketplace in Windsurf for a one-click install. Or, you can manually add the server URL to your `mcp_config.json` file.

The server only processes the UI component specification that Windsurf's agent generates for validation. This includes details like proposed HTML structure, ARIA attributes, and CSS values for color and motion. All data is processed within an ephemeral, zero-trust sandbox and is not stored after the check completes.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript