a11y-debugging

Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.

1.01x

Quality

85%

Does it follow best practices?

Impact

55%

1.01x

Average score across 3 eval scenarios

Securityby

Advisory

Suggest reviewing before use

Evaluation results

92%

Accessibility Audit: E-commerce Product Page

Lighthouse audit workflow and report parsing

Criteria

Without context

With context

Lighthouse mode: navigation

50%

outputDirPath set

60%

70%

Programmatic report parsing

100%

Filters by score < 1

100%

Extracts selector/snippet

100%

Score reported

100%

Failed audits listed

100%

No large files left

100%

audit.sh is executable/runnable

100%

report.md present

100%

33%

-4%

Form Accessibility and Keyboard Navigation Audit

Form labels, keyboard navigation, and focus management

Criteria

Without context

With context

Orphaned inputs snippet used

35%

42%

evaluate_script used for labels

Tab key navigation tested

50%

take_snapshot used for focus tracking

Focus sequence documented

100%

Modal focus trap checked

100%

Accessible name check

60%

70%

Browser issues checked

includePreservedMessages used

42%

Mobile Accessibility Audit: Tap Targets, Color Contrast, and Document Settings

Tap targets, color contrast, and global page checks

Criteria

Without context

With context

take_snapshot for UIDs

Tap target snippet used

UID passed to tap target snippet

48x48 threshold applied

100%

list_console_messages for contrast

Color contrast snippet used

Global page checks snippet used

33%

Document settings reported

100%

Contrast ratios numeric

100%

Three report sections present

100%

Repository: ChromeDevTools/chrome-devtools-mcp
Commit: 1b857c9

Evaluated: 4 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Accessibility Audit: E-commerce Product Page Form Accessibility and Keyboard Navigation Audit Mobile Accessibility Audit: Tap Targets, Color Contrast, and Document Settings

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.