Emulate additional CSS media features
Introduced 2026-10-15 · score 0.98
HOW TO USE IT
When checking a page’s accessibility or motion preferences, call `emulate` with the desired media feature value(s). Set any feature to `auto` to reset it; include all desired emulation settings in one call because each call replaces them.
{"pageId": <pageId>, "forcedColors": "active"}{"pageId": <pageId>, "prefersContrast": "more"}{"pageId": <pageId>, "prefersReducedMotion": "reduce"}WHY THIS HELPS
When checking a page under accessibility and motion preferences, emulate the relevant CSS media features.
REQUIREMENTS AND LIMITATIONS
- Version: 1.11.0
- pageId (required): Targets a specific page by ID.
- forcedColors: Emulates `forced-colors`; allowed: `active`, `none`, `auto`. `auto` resets to default.
- prefersContrast: Emulates `prefers-contrast`; allowed: `more`, `less`, `custom`, `no-preference`, `auto`. `auto` resets to default.
- prefersReducedMotion: Emulates `prefers-reduced-motion`; allowed: `reduce`, `no-preference`, `auto`. `auto` resets to default.
- `forcedColors` accepts `active`, `none`, or `auto`.
- `prefersContrast` accepts `more`, `less`, `custom`, `no-preference`, or `auto`.
- `prefersReducedMotion` accepts `reduce`, `no-preference`, or `auto`.
FIRST-PARTY EVIDENCE
- https://github.com/ChromeDevTools/chrome-devtools-mcp/releases/tag/chrome-devtools-mcp-v1.11.0
- https://github.com/ChromeDevTools/chrome-devtools-mcp/pull/2929
- https://raw.githubusercontent.com/ChromeDevTools/chrome-devtools-mcp/chrome-devtools-mcp-v1.11.0/docs/tool-reference.md
Check the installed version and the source before using it. Entry JSON