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.