Content Preview
# Keyboard Navigation Template
Tests tab order, focus visibility, and keyboard shortcuts.
## Prerequisites
- App running at `{{baseUrl}}`
- Page under test: `{{baseUrl}}/{{pagePath}}`
---
## TypeScript
```typescript
import { test, expect } from '@playwright/test';
test.describe('Keyboard Navigation', () => {
test.beforeEach(async ({ page }) => {
await page.goto('{{baseUrl}}/{{pagePath}}');
});
// Happy path: Tab moves through interactive elements in logical order
test('Tab keyHow to Use
Recommended: Install to project (local)
mkdir -p .claude/skills
curl -o .claude/skills/keyboard-navigation.md \
https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/playwright-pro/templates/accessibility/keyboard-navigation.mdSkill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.
Alternative: Clone full repo
git clone https://github.com/alirezarezvani/claude-skillsThen reference at engineering-team/playwright-pro/templates/accessibility/keyboard-navigation.md
Related Skills
keyboard-navigation-tester
This skill provides automated assistance for keyboard navigation tester tas
keyboard-navigation-testerkeyboardnavigationtester
by jeremylongshore · plugins-plus-skills
cs-senior-engineer
Senior Engineer agent for architecture decisions, code review, DevOps, and API design. Orchestrates engineering and engineering-team skills for technical implementation work. Spawn when users need system design, code quality review, CI/CD pipeline setup, or infrastructure decisions.
agentsseniorengineeragent
by alirezarezvani · alirezarezvani-claude-skills
cs-engineering-lead
Engineering Team Lead agent for coordinating QA, security, data engineering, ML, and frontend/backend teams. Orchestrates engineering-team skills for team-level technical decisions. Spawn when users need team coordination, tech stack evaluation, incident response, or cross-functional engineering work.
agentsengineeringleadagent
by alirezarezvani · alirezarezvani-claude-skills
feature_engineering_patterns
World-class feature engineering patterns for senior data scientist.
engineering-teamfeatureengineeringpatterns
by alirezarezvani · alirezarezvani-claude-skills