Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

♿️ access: add pa11y automated accessibility testing workflow #657

Merged
merged 10 commits into from
Jan 27, 2025
Merged

Conversation

w3bdesign
Copy link
Owner

Implements automated accessibility testing using pa11y in GitHub Actions to ensure WCAG2AA compliance across all main pages of the application. Tests run on push and PR.

Implements automated accessibility testing using pa11y in GitHub Actions to ensure
WCAG2AA compliance across all main pages of the application. Tests run on push and PR.
@w3bdesign w3bdesign self-assigned this Jan 27, 2025
Copy link

vercel bot commented Jan 27, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
dfweb-v4 🛑 Canceled (Inspect) Jan 27, 2025 10:41pm

Enhance accessibility documentation with details about Pa11y automated testing,
capturing screenshots, and WCAG2AA standards verification on every PR and push
The changes configure Chrome with proper sandbox settings in the GitHub Actions
workflow to ensure pa11y accessibility tests run reliably in CI environment.
@codecov-commenter
Copy link

codecov-commenter commented Jan 27, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (420226a) to head (5b9b093).
Report is 18 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff            @@
##              main      #657   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           35        35           
  Lines          395       395           
  Branches        99       102    +3     
=========================================
  Hits           395       395           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Updates pa11y configuration to use chromeLaunchConfig instead of deprecated
chrome-launcher-args flag for better compatibility and maintainability
Replace Chrome setup with Puppeteer and add wait-on for more reliable testing.
Switch to axe-core runner for more comprehensive accessibility checks.

BREAKING CHANGE: Requires puppeteer and wait-on as new dependencies
Update pa11y setup with custom config file and prevent pipeline failures on
accessibility issues for better reporting workflow
Creates a deliberately inaccessible text element with white-on-white contrast
to validate pa11y accessibility testing tools catch contrast violations

♿️ access: Affects accessibility testing scenarios
Removes testing element that was used for pa11y accessibility validation to
keep the codebase clean and production-ready

♿️ access: improves overall accessibility by removing intentionally poor contrast
@w3bdesign w3bdesign merged commit 85f1205 into main Jan 27, 2025
8 of 10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants