A computer screen with blue balls around it and the words "Is your website about to get find?" on it.
Clients:

lukeduff.co.uk

Category:

Product Design & Build

A11y Shield — Automated accessibility auditing and compliance for the European Accessibility Act

Client: lukeduff.co.uk · Sector: Accessibility compliance software · Build type: Own product

1 | Brief

The European Accessibility Act places a real legal obligation on many businesses to make their websites accessible and to publish a conformance statement. Most teams have no clear path from "we need to comply" to "we do comply." Existing tools tend to scan a single page, produce a wall of cryptic violations and leave legal and business stakeholders none the wiser.

A11y Shield is an in-progress product built to close that gap. The idea is a single automated loop: crawl the whole site, audit every page with a real accessibility engine, score the result against the EAA and EN 301 549 standard, generate the required statement, produce a fix plan the team can actually work through, and then keep watching. A one-time pass is not enough if the next deploy quietly breaks things again.

This is not a client project. It's a product Luke has designed and built himself, tested against its own engine down to zero violations across its own pages.

2 | Key Goals

  • Crawl an entire site and audit every page for real accessibility problems, not just the homepage.
  • Score sites against the EAA and EN 301 549 standard in a way a non-developer can understand and act on.
  • Generate the legally required accessibility statement as both a hosted page and a downloadable PDF.
  • Produce a remediation plan that lists every issue with severity and effort estimates so a team can work through it systematically.
  • Monitor for regressions on every deploy, so a passing score has to be maintained rather than just reached once.
  • Run the whole audit engine safely against untrusted, user-supplied URLs without opening security holes.

3 | Solution Snapshot

Problem Solution Implemented
Most accessibility checkers only look at one page, which misses most of a real site. Built a crawler that walks the full site and audits every page using a real accessibility engine inside a headless browser, rolling all results into a single score.
A raw list of violations means nothing to a legal or business stakeholder. Built a mapping layer that translates each technical violation into the matching standard clause, adds plain-English framing, a severity rating and an effort estimate.
A simple violation count is a poor measure: ten identical issues are not ten times worse than one. Designed a scoring model that weights issues sensibly and produces a bounded, stable score rather than one that collapses to zero on a bad page.
Crawling user-supplied URLs is a serious security risk, particularly server-side request forgery via DNS rebinding. Built a byte-level request guard that validates addresses before connection and pins each connection to the checked address, with a second network-level filter around the headless browser.
The compliance statement and fix plan are the deliverables clients actually need, not just a score. The engine generates the accessibility statement as a hosted page and a PDF, alongside an exportable remediation plan listing every issue to fix.
A site can pass an audit once and then regress silently on the next deploy. Added monitoring that re-checks on deploy and flags regressions, so maintaining compliance requires ongoing attention rather than a single run.

4 | Impact

  • A complete audit engine covering crawling, per-page analysis, scoring and statement generation, built as a Next.js app with a separate headless-browser worker.
  • A scoring model designed to be stable and meaningful rather than a raw count of violations.
  • Automated output of both the hosted accessibility statement page and a PDF, plus an exportable remediation plan.
  • Regression monitoring baked in so that passing a check is the start of compliance, not the end of it.
  • Multi-tenant architecture with per-organisation data separation from the ground up.
  • Dogfooded against its own pages: the product's own accessibility engine reports zero violations on the product itself.
Get in touch about this project

What are you waiting waiting for?

Start Your Project Today
Book a FREE Call
footer shape