workflow-editor-role-first-swim-lanes-testing

Validate role-first swim lanes in workflow editors with Playwright.

1|Updated Dec 23, 2025
One-click install
npx skills add https://github.com/jonnymuir/Umbraco.Prism --skill workflow-editor-role-first-swim-lanes-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: workflow-editor-role-first-swim-lanes-testing
Source: https://github.com/jonnymuir/Umbraco.Prism/tree/main/.claude/skills/workflow-editor-role-first-swim-lanes-testing
Command: npx skills add https://github.com/jonnymuir/Umbraco.Prism --skill workflow-editor-role-first-swim-lanes-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright.

What problem does it solve?

This skill addresses the challenge of ensuring that role-first swim lanes in workflow editors are not just visual elements, but are semantically structured, keyboard-accessible, and compliant with accessibility standards.

Core Features & Use Cases

  • Semantic Validation: Verifies that lanes are implemented as focusable sections with proper headings rather than generic divs.
  • Accessibility Testing: Ensures keyboard navigation works across lanes and stages, meeting WCAG 2.2 AA requirements.
  • Use Case: Use this skill when developing or auditing a workflow editor to confirm that screen readers correctly interpret the role-first structure and that users can navigate the canvas without a mouse.

Quick Start

Run the workflow editor role-first swim lanes testing suite by executing the Playwright test commands provided in the quality gate section of the skill documentation.

Frequently Asked Questions about workflow-editor-role-first-swim-lanes-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I test semantic HTML structure in a workflow editor canvas?▼

To test semantic HTML in a workflow editor canvas, validate that role-first swim lanes are implemented as focusable sections with proper headings rather than generic divs using automated Playwright tests.

How do I verify keyboard navigation parity for complex workflow swim lanes?▼

Verify keyboard navigation parity for workflow swim lanes by running Playwright tests that confirm users can navigate across lanes and stages without a mouse, meeting WCAG 2.2 AA accessibility requirements.

What does role-first swim lane accessibility validation involve?▼

Role-first swim lane accessibility validation involves verifying screen readers correctly interpret the canvas structure by checking focus management and aria-roledescription attributes for complex workflow interfaces.

Do I need Playwright to test screen reader accessibility for workflow editors?▼

Yes, you need Playwright to test screen reader accessibility for workflow editors because it provides the automated browser-based testing capabilities required to verify focus management and aria-roledescription attributes.

When should I audit a workflow editor for WCAG 2.2 AA compliance?▼

You should audit a workflow editor for WCAG 2.2 AA compliance when developing or releasing a complex canvas interface, ensuring screen readers interpret role-first structures and keyboard navigation functions correctly.

Can I use this approach to test focus management on generic div elements?▼

No, this approach tests focus management on semantically structured focusable sections with proper headings, explicitly targeting elements that replace generic divs to ensure proper screen reader interpretation.