| title |
Accessibility Scan Workshop |
| description |
Hands-on workshop teaching WCAG 2.2 accessibility scanning using axe-core, IBM Equal Access, and custom Playwright checks |
| ms.date |
2026-03-29 |
| nav_exclude |
true |
Accessibility Scan Workshop
Hands-on workshop teaching WCAG 2.2 accessibility scanning using axe-core,
IBM Equal Access, and custom Playwright checks. Students learn to detect,
report, and remediate accessibility violations across 5 intentionally
inaccessible demo web applications built in Rust, C#, Java, Python, and Go.
graph LR
subgraph "Demo Apps (5)"
A001["001 Rust<br/>Travel Agency"]
A002["002 C#<br/>E-Commerce"]
A003["003 Java<br/>Learning Platform"]
A004["004 Python<br/>Recipe Sharing"]
A005["005 Go<br/>Fitness Tracker"]
end
subgraph "Scan Engines"
AXE["axe-core"]
IBM["IBM Equal Access"]
CUSTOM["Custom Playwright Checks"]
end
subgraph "Output"
SARIF["SARIF 2.1.0"]
JSON["JSON Reports"]
PDF["PDF Reports"]
end
subgraph "Integration"
GH["GitHub Security Tab"]
ACTIONS["GitHub Actions"]
COPILOT["Copilot Agents"]
end
A001 & A002 & A003 & A004 & A005 --> AXE & IBM & CUSTOM
AXE & IBM & CUSTOM --> SARIF & JSON & PDF
SARIF --> GH
ACTIONS --> AXE & IBM & CUSTOM
COPILOT --> GH
Loading
| Lab |
Title |
Duration |
Level |
| 00 |
Prerequisites and Environment Setup |
30 min |
Beginner |
| 01 |
Explore the Demo Apps and WCAG Violations |
25 min |
Beginner |
| 02 |
axe-core — Automated Accessibility Testing |
35 min |
Intermediate |
| 03 |
IBM Equal Access — Comprehensive Policy Scanning |
30 min |
Intermediate |
| 04 |
Custom Playwright Checks — Manual Inspection Automation |
35 min |
Intermediate |
| 05 |
SARIF Output and GitHub Security Tab |
30 min |
Intermediate |
| 06 |
GitHub Actions Pipelines and Scan Gates |
40 min |
Advanced |
| 07 |
Remediation Workflows with Copilot Agents |
45 min |
Advanced |
graph LR
L00[Lab 00: Setup] --> L01[Lab 01: Demo Apps]
L01 --> L02[Lab 02: axe-core]
L01 --> L03[Lab 03: IBM Equal Access]
L01 --> L04[Lab 04: Custom Checks]
L02 --> L05[Lab 05: SARIF]
L03 --> L05
L04 --> L05
L05 --> L06[Lab 06: GitHub Actions]
L06 --> L07[Lab 07: Remediation]
Loading
Labs 02, 03, and 04 can be completed in any order after Lab 01.
| Tier |
Labs |
Duration |
Azure Required |
| Half-Day |
00, 01, 02, 03, 05 |
~3 hours |
No |
| Full-Day |
00–07 (all) |
~6.5 hours |
Yes |
| Tool |
Purpose |
| axe-core |
WCAG 2.2 automated rule checking |
| IBM Equal Access |
Policy-based accessibility scanning |
| Custom Playwright Checks |
Manual inspection automation |
| SARIF |
Static Analysis Results Interchange Format |
- GitHub account with Copilot access
- Node.js 20+
- Docker Desktop
- Azure subscription (full-day tier only)
- PowerShell 7+
- GitHub CLI (gh)
- Azure CLI (az) (full-day tier only)
- Fork and clone devopsabcs-engineering/accessibility-scan-demo-app
- Run npm install && npx playwright install --with-deps chromium
- Start the scanner: ./start-local.ps1
- Open Lab 00 and begin
See CONTRIBUTING.md for lab authoring guidelines.
MIT