Work↗01 — Featured↗Accessibility · Germany

BarriereHilfe.

A secure, 3-tier accessibility compliance ecosystem delivering zero-dependency WCAG solutions at scale.

Visit Live Project↗
CLIENT
BarriereHilfe
ROLE
Full-Stack Architect & DevOps Lead
YEAR
2025
DURATION
June 2025 - Nov 2025
STATUS
Completed
barrierehilfe-hero.jpg
§01 — OVERVIEW
BarriereHilfe is a state-of-the-art digital accessibility platform designed to bring websites into full WCAG (Web Content Accessibility Guidelines) compliance instantly. Built as an interconnected, distributed 3-tier system, the architecture comprises a high-performance Next.js marketing and auditing interface, a zero-dependency vanilla JavaScript accessibility widget served securely via a custom CDN, and a robust PHP administration dashboard. The entire platform enables corporate and government clients to easily integrate accessibility controls on their websites by pasting a single script tag, while allowing administrators to customize, restrict, and manage widgets centrally.
§02 — CHALLENGE

Ultra-Lightweight Multi-Tenant Delivery

The accessibility widget runs on third-party client websites, so it had to load instantly without dragging in frameworks or slowing down the host site's page speed, while still pulling each client's own configuration on the fly.

Protecting a Publicly Loaded Script

A script served from a public CDN is an easy target for bandwidth theft and unauthorized reuse. It needed to load only on domains that were actually licensed to run it.

Keeping Three Stacks in Sync

Coordinating real-time configuration updates across a legacy-friendly admin back-end, a modern frontend, and a native client-side widget required a clean, reliable integration layer rather than three systems drifting apart.

§03 — THE BUILD
Centralized PHP administrative control dashboard showing custom WCAG styling configurations
Sleek vanilla JS accessibility compliance widget rendering on a corporate website
BarriereHilfe Next.js portal showing a website audit report view
Centralized PHP administrative control dashboard showing custom WCAG styling configurations
§04 — APPROACH
I split the platform into three purpose-built layers instead of forcing one stack to do everything: a dependency-free widget light enough for any client site to embed without a performance hit, a hardened delivery layer that only serves licensed domains, and an administration console for centralized control over every client's configuration. The whole system runs on a container-orchestrated cluster set up for high availability, so updates roll out without client sites ever seeing downtime.
STACK
Next.jsPHPKubernetes
§05 — OUTCOMES
3-Tier
Interconnected Systems (Next.js + PHP + Native CDN)
<45ms
Average CDN Widget Initial Script Latency
100%
WCAG AA/AAA Technical Compliance Standard
K8s
High-Availability DevOps Infrastructure
NEXT PROJECT
02 / 6
Kodschul→

Empowering enterprise teams and developers through hands-on, high-impact IT and AI training.