WCAG 2.2 Connector for AI agents.
1 live capability
Ensure your web components meet WCAG 2.2 AA standards before you write a single line of production code.
Waiting for input…
Why people use WCAG 2.2
Accessibility Prover for WCAG 2.2 AA Compliance
Accessibility Prover changes the workflow by forcing you to think about the rules before the first line of code hits the repo. It acts as a pre-build gate that catches keyboard traps and contrast failures while they're still just ideas. You get a clean, compliant UI that works for everyone the first time you build it.
What Vinkius changes
You catch accessibility bugs during the design phase instead of the production audit.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Pre-commit gate for component libraries
An engineer wants to make sure every new button in their library is accessible.
- Real-world use case 02
AI agent guardrail
A developer wants their AI to stop making divs with click handlers.
- Real-world use case 03
EAA 2025 compliance
A company selling in the EU needs to prove they are following the law.
Complete set · 1capability
The complete WCAG 2.2 capability set.
These are the exact actions your AI can choose when you ask it to work with WCAG 2.2.
01
1 capability in this set.
Part of 1 available through WCAG 2.2.
- 01 Capability
Validate accessibility
Run a structured audit on a UI specification to check for semantic HTML, keyboard navigation, contrast, and more. It gives you a clear verdict on whether your design meets WCAG 2.2 AA standards.
Set up in minutes
One URL. Then ask WCAG 2.2 to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use WCAG 2.2 from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it WCAG 2.2, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable WCAG 2.2 for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the WCAG 2.2 URL.
- Step 03
Save and start
Save the connection and enable WCAG 2.2 in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"accessibility-prover": {
"url": "https://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp"
}
}
} - Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using WCAG 2.2
Open Agent mode in chat and ask: "Using WCAG 2.2, help me...". 1 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"accessibility-prover": {
"url": "https://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp"
}
}
} - Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using WCAG 2.2
Ask Copilot: "Using WCAG 2.2, help me...". 1 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"accessibility-prover": {
"url": "https://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp"
}
}
} - Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using WCAG 2.2
Open Cascade and ask: "Using WCAG 2.2, help me...". 1 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"accessibility-prover": {
"url": "https://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp"
}
}
} - Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using WCAG 2.2
Ask Cline: "Using WCAG 2.2, help me...". 1 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add accessibility-prover --transport http "https://edge.vinkius.com/vk_preview_Z4jgihFSGVmVid2ldA4mxeRfY0ki8hZy1vHx94N4/mcp" - Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using WCAG 2.2
Ask Claude: "Using WCAG 2.2, show me...". 1 tools are ready
Where the request belongs
Work WCAG 2.2 can move forward.
Front-end engineers who are tired of fixing div soup at the last minute and AI developers who need to ensure their generated code isn't breaking the web for people with disabilities.
Front-end Engineer
Auditing component libraries for WCAG compliance before merging to main.
AI Developer
Setting up guardrails so coding agents don't generate inaccessible UI.
Accessibility Specialist
Generating auditable records for EAA 2025 compliance in the EU.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsSpec Prover
Catch broken formulas before they reach your codebase. Spec Prover forces AI agents to prove every specification works with real inputs. one trace exposes bugs that abstract review never finds.
Vue.js Excellence Prover
AI agents produce legacy Vue 2 configurations, unstable reactivity loops, and untyped interfaces. This prover enforces Vue 3 Composition API excellence, strict reactivity limits, compile-time type-safety, and optimized browser execution. Zero tolerance for Options API and raw prop mutations.
Compliance Governance Prover
An AI said 'comply with GDPR' without naming a single article. It said 'we have controls' without mapping any to a regulation. It said 'low risk' without measuring severity or fine exposure. The auditor found 4 critical gaps. That is not compliance. that is compliance theater. This capability forces five audit-grade axes: specific regulation naming, control mapping, evidence documentation, gap quantification, and named accountability.
Tailwind Excellence Prover
AI agents build bloated styling layers containing arbitrary values, div-only layouts, inaccessible contrast, and legacy configurations. This prover enforces strict design token structures (@theme), utility-first compliance, semantic HTML, mobile-first layouts, and interactive focus states.
WCAG.com Accessibility
Audit web accessibility. check compliance and guidelines via AI.
bluebarry.ai
Optimize your website accessibility compliance with automated WCAG audits, issue detection, and remediation tracking.
Bring your own AI
Change the model, client or framework. Keep WCAG 2.2 connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about WCAG 2.2.
The practical details behind the request, access and result.
Why does Accessibility Prover reject divs with click handlers?
A has no native keyboard interactivity, no focusability, and no implicit ARIA role. Adding `onclick` creates a visual button that keyboard and screen reader users cannot operate. Native elements provide focus, Enter/Space activation, and the 'button' role automatically. no extra JavaScript required.
What is a focus trap and when is it required?
A focus trap constrains Tab navigation inside a specific element. typically a modal, dialog, or dropdown. so users cannot navigate to the underlying page while the overlay is active. WCAG 2.4.3 (Focus Order) requires it for all modal dialogs. Without it, a keyboard user can Tab behind the modal into invisible content.
Does Accessibility Prover check contrast across all interactive states?
Yes. The contrastCompliant pivot validates foreground/background color combinations across five states: default, hover, focus, active, and disabled. A button that passes contrast in its default state but fails on hover (e.g., light gray text on white) is flagged as CONTRAST_FAILING.
How is this different from axe-core or Lighthouse?
axe-core and Lighthouse scan rendered HTML in a browser. they detect violations after the code is built and running. Accessibility Prover validates UI specifications before code is written. It reasons about component behavior, keyboard flows, and interaction states at the design level, catching architectural issues that post-build scanners cannot see because they only inspect the final DOM.
Can I use Accessibility Prover with an AI coding agent?
Yes. that is a primary use case. AI coding agents default to div-based layouts because divs are syntactically simpler. Accessibility Prover acts as a guardrail: the agent submits its component specification, the prover validates it against 5 pivots, and the agent receives a structured verdict with specific fixes before writing code.
What does the European Accessibility Act (EAA 2025) mean for my product?
Since June 2025, the EAA requires all digital products and services sold in the EU to meet accessibility standards equivalent to WCAG 2.1 AA (with WCAG 2.2 AA as the recommended benchmark). Non-compliance carries fines up to 5% of annual revenue and potential market withdrawal. Accessibility Prover helps demonstrate compliance as a build-time gate, creating an auditable validation record.
What input format does Accessibility Prover expect?
Submit each component as structured text covering 5 dimensions: (1) Layout. the HTML elements and hierarchy, (2) Keyboard. tab order, focus indicators, focus traps, (3) Contrast. foreground and background hex values with computed ratio, (4) Screen Reader. alt texts, aria-labels, form-label associations, (5) Motion. animation properties and prefers-reduced-motion handling. The capability reasons about each dimension independently.
Does Accessibility Prover support WCAG 2.2 AAA?
The capability validates against WCAG 2.2 AA, which is the legally required level under the EAA 2025 and the practical target for most products. AAA requirements (e.g., 7:1 contrast ratio, sign language interpretation) are not enforced. they are aspirational goals that few products achieve fully.
One connection away
Give your agent a direct line to WCAG 2.2.
Connect WCAG 2.2 once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available