Building things the right way
Anthony Delorie
International Tech Liaison who coined: "Let the audits test, you sprint." Dedicated to inclusion through accessibility, and fostering a safe engineering culture through ADHD (Audit Driven Hyper Development)
Claude.AI built a plugin last week to an enhance existing axe-html-report to append links to contextual links to our Contrast Compass. But what the plugin did was iterate the DOM of the HTML report modifying and then rewriting/overwriting the HTML report, not optimal.
When I went to axe-html-reporter github page I could see it wasn't being maintained and it had other accessibility issues as well potentially trademark issues it hadn't addressed.
So I decided to fork it address the accessibility issues, trademark use of Deque's axe-core as well as bake in contrast compass contextual links where applicable.
Building + publishing an NPM package
It's incredibly easy to publish an npm package:
Contrast Compass improved and republished
I tweaked my Contrast Compass contextual app: Now it gives you up to 25 colors closes to your original and just passing the bar you set. More updates coming this week, to support css rule context, so you can copy and past or create a running CSS changelog