keyboard-navigation-tester

Keyboard Navigation Tester - Auto-activating skill for Frontend Development. Triggers on: keyboard navigation tester, keyboard navigation tester Part of the Frontend Development skill category.

1.00x

Quality

Does it follow best practices?

Impact

87%

1.00x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/keyboard-navigation-tester/SKILL.md

Evaluation results

92%

Modal Dialog Keyboard Accessibility

Production-ready keyboard trap test

Criteria

Without context

With context

Focus trap test present

100%

Shift+Tab reverse focus test

100%

Escape closes modal test

100%

Uses React Testing Library

100%

Uses userEvent for keyboard

100%

References WCAG or ARIA

100%

Production-ready structure

100%

Initial focus set on open

100%

Focus restored on close

README explains standards

100%

Step-by-step README guidance

77%

100%

Without context: $0.4338 · 2m 28s · 24 turns · 24 in / 7,698 out tokens

With context: $0.4842 · 1m 58s · 28 turns · 28 in / 6,633 out tokens

83%

-2%

Checkout Form Keyboard Navigation Audit

Tab order and focus flow validation

Criteria

Without context

With context

Script runs successfully

100%

Detects positive tabindex

100%

Lists all focusable elements

100%

Shows effective tab order

100%

References WCAG or ARIA standard

Structured report output

100%

Element identification detail

100%

Explains why positive tabindex is problematic

100%

80%

Production-ready code structure

50%

Step-by-step comments or guidance

80%

Without context: $0.2448 · 1m 12s · 15 turns · 16 in / 4,025 out tokens

With context: $0.5313 · 1m 57s · 31 turns · 173 in / 6,654 out tokens

88%

Navigation Menu Keyboard Interaction Test Suite

ARIA-compliant dropdown keyboard testing

Criteria

Without context

With context

Uses Vue Test Utils

100%

Enter/Space opens menu

100%

Arrow key navigation

100%

Enter selects item

40%

Escape closes menu

100%

Self-contained component

100%

References WAI-ARIA or WCAG

100%

Standard describe/it structure

100%

TESTING_GUIDE maps tests to standards

100%

Step-by-step run instructions

60%

40%

Without context: $0.4446 · 1m 56s · 19 turns · 68 in / 8,607 out tokens

With context: $0.5802 · 2m 9s · 25 turns · 24 in / 9,856 out tokens

Repository: jeremylongshore/claude-code-plugins-plus-skills
Commit: 994edc4

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

Table of Contents

Modal Dialog Keyboard Accessibility Checkout Form Keyboard Navigation Audit Navigation Menu Keyboard Interaction Test Suite

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.