feat(plugin-axe): implement core plugin functionality

[hanna-skryl]

• Implement Axe accessibility plugin with Playwright integration
• Support WCAG 2.1/2.2, best practice, and all presets
• Add comprehensive documentation and E2E tests

Closes #1134

Portal preview

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 0560b3e

Command	Status	Duration	Result
nx code-pushup --nx-bail -- compare	✅ Succeeded	1m 3s	View ↗
nx code-pushup --nx-bail --	✅ Succeeded	1m 11s	View ↗
nx code-pushup --nx-bail -- print-config --outp...	✅ Succeeded	4m 34s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-11-12 14:25:00 UTC

[pkg-pr-new]

Open in StackBlitz

@code-pushup/ci

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/ci@1141

@code-pushup/cli

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/cli@1141

@code-pushup/core

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/core@1141

@code-pushup/create-cli

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/create-cli@1141

@code-pushup/models

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/models@1141

@code-pushup/nx-plugin

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/nx-plugin@1141

@code-pushup/axe-plugin

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/axe-plugin@1141

@code-pushup/coverage-plugin

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/coverage-plugin@1141

@code-pushup/eslint-plugin

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/eslint-plugin@1141

@code-pushup/js-packages-plugin

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/js-packages-plugin@1141

@code-pushup/jsdocs-plugin

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/jsdocs-plugin@1141

@code-pushup/lighthouse-plugin

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/lighthouse-plugin@1141

@code-pushup/typescript-plugin

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/typescript-plugin@1141

@code-pushup/utils

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/utils@1141

@code-pushup/models-transformers

npm i https://pkg.pr.new/code-pushup/cli/@code-pushup/models-transformers@1141

commit: 0560b3e

[github-actions]

Code PushUp

🤨 Code PushUp report has both improvements and regressions – compared current commit 517cd6a with previous commit 4a982a5.

🕵️ See full comparison in Code PushUp portal 🔍

🏷️ Categories

🏷️ Category	⭐ Previous score	⭐ Current score	🔄 Score change
Performance	🔴 36	🔴 33
Updates	🟡 73	🟡 75
Documentation	🔴 36	🔴 35
Code coverage	🟡 88	🟡 88
Security	🟡 56	🟡 56	–
Accessibility	🟢 92	🟢 92	–
Best Practices	🟢 100	🟢 100	–
SEO	🟡 61	🟡 61	–
Type Safety	🟢 100	🟢 100	–
Bug prevention	🟢 100	🟢 100	–
Miscellaneous	🟢 100	🟢 100	–
Code style	🟢 100	🟢 100	–

👍 2 groups improved, 👎 2 groups regressed, 👍 4 audits improved, 👎 6 audits regressed, 15 audits changed without impacting score

🗃️ Groups

🔌 Plugin	🗃️ Group	⭐ Previous score	⭐ Current score	🔄 Score change
Lighthouse	Performance	🔴 36	🔴 33
JS Packages	NPM outdated dependencies	🟡 73	🟡 75
JSDoc coverage	Documentation coverage	🔴 36	🔴 35
Code coverage	Code coverage metrics	🟡 88	🟡 88

17 other groups are unchanged.

🛡️ Audits

🔌 Plugin	🛡️ Audit	📏 Previous value	📏 Current value	🔄 Value change
JSDoc coverage	Types coverage	🟥 242 undocumented types	🟥 243 undocumented types
Lighthouse	Total Blocking Time	🟥 1,660 ms	🟥 2,700 ms
Lighthouse	Speed Index	🟥 6.9 s	🟥 7.3 s
Lighthouse	First Contentful Paint	🟥 3.2 s	🟥 3.2 s
JS Packages	Outdated NPM prod dependencies.	🟨 18 outdated package versions (6 major, 8 minor, 4 patch)	🟨 18 outdated package versions (6 major, 8 minor, 4 patch)
Lighthouse	Time to Interactive	🟥 13.3 s	🟥 13.4 s
JSDoc coverage	Functions coverage	🟥 523 undocumented functions	🟥 539 undocumented functions
Code coverage	Function coverage	🟨 89.5 %	🟨 89.7 %
Code coverage	Branch coverage	🟨 86.5 %	🟨 86.6 %
Code coverage	Line coverage	🟨 84.6 %	🟨 84.5 %
Lighthouse	Avoids enormous network payloads	🟩 Total size was 2,064 KiB	🟩 Total size was 2,035 KiB
Lighthouse	Minimizes main-thread work	🟥 12.6 s	🟥 14.8 s
Lighthouse	JavaScript execution time	🟥 4.9 s	🟥 6.2 s
Lighthouse	Largest Contentful Paint	🟥 11.3 s	🟥 12.1 s
Lighthouse	Server Backend Latencies	🟩 1,600 ms	🟩 850 ms
Lighthouse	Max Potential First Input Delay	🟥 1,150 ms	🟥 1,610 ms
Lighthouse	Uses efficient cache policy on static assets	🟨 30 resources found	🟨 30 resources found
Lighthouse	Reduce unused CSS	🟥 Potential savings of 94 KiB	🟥 Potential savings of 105 KiB
Lighthouse	Avoids an excessive DOM size	🟥 2,361 elements	🟥 2,245 elements
Lighthouse	Metrics	🟩 100%	🟩 100%
Lighthouse	Initial server response time was short	🟩 Root document took 550 ms	🟩 Root document took 440 ms
Lighthouse	Reduce unused JavaScript	🟥 Potential savings of 181 KiB	🟥 Potential savings of 183 KiB
JSDoc coverage	Variables coverage	🟥 294 undocumented variables	🟥 245 undocumented variables
Lighthouse	Remove duplicate modules in JavaScript bundles	🟥 Potential savings of 105 KiB	🟥 Potential savings of 91 KiB
Lighthouse	Network Round Trip Times	🟩 20 ms	🟩 20 ms

585 other audits are unchanged.

[matejchalk]

I like that the browser installation is now part of our Nx graph. 👍

However, I'm wondering if build is the right target where we should define the dependency. We don't need have the browser installed in order to build the package. So in some scenarios (e.g., checking for type errors), we may be adding an unnecessary and expensive operation.

As I understand, the browser installation is only required for our code-pushup-axe target (you've already defined this dependency in our root project.json) and for e2e-test target of plugin-axe-e2e. So I'm thinking it would be more optimal to add ^install-browser to the dependsOn array of the e2e-test target instead. This could even be applied globally for all e2e-test targets 🤔

[hanna-skryl]

I tried swapping configurations around and believe the target was unnecessary after all.

Now that the plugin handles Chromium installation, Playwright's own caching mechanism will prevent repeated downloads. Playwright caches browsers in the user's cache directory, which means that locally, the browser is only downloaded once on first use. In CI, the browser is downloaded fresh on each workflow run, which is Playwright's recommended approach.