EaseWeb accessibility

by easeweb.dev · dev.easeweb/easeweb

Accessibility guides for coding agents: fixes with working code, test steps, contrast checks. EN/JA

OnlineRemote
Category
Developer tools
Connection
Remote (HTTP)
Tools
5 reported
Status
Online

Connect it to your AI

Claude Code

claude mcp add --transport http easeweb https://easeweb.dev/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://easeweb.dev/mcp

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "easeweb": {
      "url": "https://easeweb.dev/mcp"
    }
  }
}

Tools it offers

5 tools, as the server itself reported during our check on Oct 31, 2026.

  • before_buildingCall BEFORE designing or building any interactive component or screen: menus, dialogs, carousels, tabs, forms, drag and drop, custom controls, cards, tables, charts, animation. This includes wireframes, mockups and proto
  • find_fixSearch the Learn guides by words, component name, tag, ARIA attribute or WCAG number (1.4.3, SC 2.1.1, JIS 達成基準, EN 301 549 9.x). Returns for each matching topic: the problem, the fix in one line, how to test it, the gui
  • get_guideThe full guide as Markdown, the same as easeweb.dev/learn/<slug>.md: what happens, why it fails, who it affects, what automation misses, the Before and After code, how to verify, and the limits. Also returns the After co
  • test_stepsCall AFTER building or fixing something, and before telling the user it is done. For a guide (by slug) or a component (by query) returns the pass criteria, the checks the agent can run itself, the checks only a person ca
  • check_paletteCall when choosing or changing colours, a palette or design tokens, before they are used in a design or in code. Takes colour pairs (foreground and background, with text size in px and weight when the foreground is text,

Questions

What is the EaseWeb accessibility MCP server?

Accessibility guides for coding agents: fixes with working code, test steps, contrast checks. EN/JA. It is made by easeweb.dev and listed in the official MCP Registry as dev.easeweb/easeweb. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add EaseWeb accessibility to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://easeweb.dev/mcp. In Claude Code, run: claude mcp add --transport http easeweb https://easeweb.dev/mcp

How do I add EaseWeb accessibility to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://easeweb.dev/mcp.

How do I add EaseWeb accessibility to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "easeweb": { "url": "https://easeweb.dev/mcp" } } }

Does EaseWeb accessibility work right now?

Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.

What can EaseWeb accessibility do?

It gives your AI 5 tools, including before_building, find_fix, get_guide, test_steps, check_palette. The full list is on this page.

Is this your server? Get the badge for your README
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/dev-easeweb-easeweb.svg)](https://chen.media/mcp/dev-easeweb-easeweb)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/dev-easeweb-easeweb"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/dev-easeweb-easeweb.svg?theme=dark"><img src="https://chen.media/mcp/badge/dev-easeweb-easeweb.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

More in Developer tools

See all