flowchart TB accTitle: Update: axe Playwright Accessibility CI accDescr { This update adds automated accessibility regression checks for the NutsNews web app using Playwright and @axe-core/playwright. } A["Update: axe Playwright Accessibility CI"] --> B["updates/README_AXE_PLAYWRIGHT_ACCESSIBILITY_CI_UPDATE.md"] B --> C["Auto-generated placeholder diagram"]

Update: axe Playwright Accessibility CI

This update adds automated accessibility regression checks for the NutsNews web app using Playwright and @axe-core/playwright.

Summary

The update adds a new GitHub Actions workflow named Accessibility CI.

It builds the Next.js app from web/, starts the production server locally, opens public NutsNews pages in Chromium, and runs axe accessibility checks.

The workflow fails on serious or critical WCAG violations.

Added Files

.github/workflows/accessibility-ci.yml
web/playwright.config.ts
web/tests/accessibility.spec.ts
docs/AXE_PLAYWRIGHT_ACCESSIBILITY_CI.md
docs/updates/README_AXE_PLAYWRIGHT_ACCESSIBILITY_CI_UPDATE.md

Updated Files

README.md
docs/README.md
docs/OBSERVABILITY.md
web/.gitignore
web/package.json
web/package-lock.json

Audited Pages

/
/about
/privacy
/contact

Safe URL Rule

Do not add Worker refresh URLs, controller trigger URLs, admin pages, OAuth callback routes, or API routes that perform writes.

The accessibility workflow is only for public reader and support pages.

Local Validation

cd /Users/ramideltoro/WebstormProjects/nutsnews3/web

npm run build
npx playwright install chromium
npm run test:accessibility

GitHub Actions Validation

After pushing, open:

GitHub → Actions → Accessibility CI

A successful run should show:

Install dependencies ✅
Install Playwright Chromium ✅
Build NutsNews ✅
Run axe accessibility checks ✅
Upload Playwright accessibility report ✅

Primary diagram