check_color_contrast

MCP tool from A11ymcp by ronantakizawa

Check if a foreground and background color combination meets WCAG contrast requirements.

How to use it

check_color_contrast is exposed by the A11ymcp MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the check_color_contrast tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.

Install A11ymcp

$claude mcp add a11y-accessibility -- npx -y a11y-mcp-server

FULL A11YMCP LISTING

Other tools in A11ymcp (14)

background

Yes

check_aria_attributes

Check if ARIA attributes are used correctly in HTML.

check_orientation_lock

Check if content forces a specific orientation.

fontSize

foreground

Yes

get_rules

Get information about available accessibility rules with optional filtering. Returns an array of rule objects, each containing ruleId, description, help, helpUrl, and tags.

height

html

Yes

isBold