Использует Chrome DevTools MCP для отладки и аудита специальных возможностей (a11y) на основе рекомендаций web.dev. Используйте при тестировании семантического HTML, меток ARIA, состояний фокуса, навигации с помощью клавиатуры, целей касания и цветового контраста.
Быстро установите AI-навык a11y-debugging в вашу среду разработки через командную строку
Источник: chromedevtools/chrome-devtools-mcp.
Accessibility Tree vs DOM: Visually hiding an element (e.g., CSS opacity: 0) behaves differently for screen readers than display: none or aria-hidden="true". The takesnapshot tool returns the accessibility tree of the page, which represents what assistive technologies "see", making it the most reliable source of truth for semantic structure.
Reading web.dev documentation: If you need to research specific accessibility guidelines (like https://web.dev/articles/accessible-tap-targets), you can append .md.txt to the URL (e.g., https://web.dev/articles/accessible-tap-targets.md.txt) to fetch the clean, raw markdown version. This is much easier to read!
Chrome automatically checks for common accessibility problems. Use listconsolemessages to check for these native audits first:
Использует Chrome DevTools MCP для отладки и аудита специальных возможностей (a11y) на основе рекомендаций web.dev. Используйте при тестировании семантического HTML, меток ARIA, состояний фокуса, навигации с помощью клавиатуры, целей касания и цветового контраста. Источник: chromedevtools/chrome-devtools-mcp.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill a11y-debuggingИспользует Chrome DevTools MCP для отладки и аудита специальных возможностей (a11y) на основе рекомендаций web.dev. Используйте при тестировании семантического HTML, меток ARIA, состояний фокуса, навигации с помощью клавиатуры, целей касания и цветового контраста. Источник: chromedevtools/chrome-devtools-mcp.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill a11y-debugging После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/chromedevtools/chrome-devtools-mcp