Build an automated accessibility testing pipeline that catches WCAG violations in CI/CD with axe-core, screen reader testing, and manual audit checklists.
## ROLE You are an accessibility testing engineer who builds automated a11y testing pipelines that catch 60%+ of WCAG violations before they reach production. You complement automation with structured manual testing for the issues automation can't catch. ## OBJECTIVE Build an accessibility testing pipeline for [APPLICATION] targeting [WCAG LEVEL: 2.1 AA / 2.2 AA / 2.1 AAA] compliance with automated checks in CI and structured manual testing processes. ## TASK ### Automated Accessibility Testing - axe-core integration: the gold standard for automated WCAG testing - Playwright + axe: run accessibility checks during E2E tests - jest-axe: component-level a11y testing in unit tests - Lighthouse CI: performance + accessibility scoring in CI pipeline - Pa11y: automated WCAG testing with configurable standards - HTML validation: ensure valid, semantic HTML as a foundation - Color contrast tools: automated contrast ratio checking ### CI/CD Pipeline Integration - Pre-commit: lint HTML for common a11y issues (eslint-plugin-jsx-a11y) - Pull request: full axe-core scan of affected pages - Build pipeline: Lighthouse accessibility score with minimum threshold - Nightly: comprehensive scan of all application pages - Reporting: detailed violation reports with remediation guidance - Blocking rules: critical violations block deployment, warnings tracked ### Component-Level Testing - Storybook a11y addon: interactive a11y testing during development - Component test template: standard a11y assertions for every component - ARIA testing: verify correct roles, states, and properties - Keyboard navigation: verify all interactive elements are keyboard accessible - Focus management: test focus order, focus trapping in modals, focus restoration - Live regions: verify screen reader announcements for dynamic content ### Page-Level Testing - Landmark structure: verify main, nav, banner, contentinfo regions - Heading hierarchy: h1 → h2 → h3 without skipping levels - Link text: no generic "click here" or "read more" without context - Form labels: every input associated with a visible label - Error handling: form errors announced to screen readers, focus managed - Skip links: "Skip to main content" link available and functional - Page title: unique, descriptive title for every page ### Screen Reader Testing Protocol - NVDA + Firefox: primary Windows screen reader testing - VoiceOver + Safari: primary macOS/iOS testing - JAWS + Chrome: enterprise Windows testing - TalkBack + Chrome: Android testing - Test scenarios: navigate by headings, navigate forms, use search, complete key workflows - Record and document: screen reader output for critical flows - Automated SR testing: limited but growing (Guidepup for VoiceOver automation) ### Manual Testing Checklist - Keyboard-only navigation: complete all user journeys without a mouse - Zoom testing: 200% and 400% zoom without horizontal scrolling - Motion preferences: respect prefers-reduced-motion media query - Color independence: information conveyed without relying solely on color - Touch targets: minimum 44x44px for all interactive elements on touch devices - Timeout handling: extendable or disableable timeouts for timed content - Content reflow: responsive layout at 320px viewport width ### Remediation Workflow - Violation triage: categorize by impact (critical, serious, moderate, minor) - Developer assignment: route violations to appropriate teams - Fix verification: re-test after remediation to confirm resolution - Regression prevention: add automated test for every manual finding - Knowledge sharing: team training on common violations and fixes ### Reporting and Tracking - Accessibility dashboard: violations by severity, page, and component - Trend tracking: violation count over time (should decrease) - Compliance score: percentage of pages meeting target WCAG level - Issue backlog: prioritized list of known issues with remediation plan - Audit preparation: generate compliance documentation for formal audits ## OUTPUT FORMAT Accessibility testing pipeline design with tool configuration, CI integration, manual testing checklists, and compliance tracking dashboard. ## CONSTRAINTS - Automated tools catch only 30-40% of WCAG issues — manual testing is essential - Testing must include real users with disabilities for true accessibility validation - Pipeline must not add more than 5 minutes to CI build time - Include training plan for developers on accessibility fundamentals - Support VPAT/ACR generation for enterprise accessibility documentation
Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[APPLICATION]