Work↗01 — Featured↗Accessibility · Germany

BarriereHilfe.

Un écosystème d'accessibilité numérique en 3 tiers délivrant des solutions WCAG natives à grande échelle.

Visit Live Project↗

CLIENT

BarriereHilfe

ROLE

Full-Stack Architect & DevOps Lead

YEAR

2025

DURATION

June 2025 - Nov 2025

STATUS

Completed

§01 — OVERVIEW

BarriereHilfe est une plateforme d'accessibilité numérique de pointe conçue pour rendre instantanément les sites web conformes aux directives WCAG. Structuré comme un système distribué et interconnecté en 3 tiers, le projet comprend un site marketing et d'audit sous Next.js, un widget d'accessibilité en JavaScript natif léger servi de manière sécurisée par un CDN dédié, et une console d'administration robuste sous PHP. L'écosystème permet aux entreprises et aux administrations publiques d'intégrer des outils d'accessibilité en ajoutant une simple balise script, tout en permettant aux administrateurs de personnaliser et de sécuriser les fonctionnalités depuis une console centrale.

§02 — CHALLENGE

Distribution Multi-Tenant Ultra-Légère

Le widget d'accessibilité s'exécute sur les sites de tiers : il devait donc se charger instantanément sans dépendances lourdes ni dégrader la performance du site hôte, tout en récupérant dynamiquement la configuration propre à chaque client.

Protéger un Script Servi Publiquement

Un script distribué depuis un CDN public est une cible facile pour le vol de bande passante et la réutilisation non autorisée. Il devait donc ne se charger que sur les domaines réellement sous licence.

Synchroniser Trois Environnements Techniques

Coordonner en temps réel les mises à jour de configuration entre une console d'administration compatible legacy, un frontend moderne et un widget client natif exigeait une couche d'intégration fiable plutôt que trois systèmes évoluant séparément.

§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

Tableau de bord d'administration centralisé en PHP affichant les configurations de style

§04 — APPROACH

J'ai divisé la plateforme en trois couches dédiées plutôt que de tout faire reposer sur une seule stack : un widget sans dépendance, assez léger pour être intégré sur n'importe quel site client sans impact sur la performance, une couche de diffusion sécurisée qui ne sert que les domaines sous licence, et une console d'administration pour piloter la configuration de chaque client depuis un seul endroit. L'ensemble tourne sur un cluster orchestré en conteneurs, configuré pour la haute disponibilité, afin que les mises à jour se déploient sans jamais interrompre les sites clients.

STACK

Next.jsPHPKubernetes

§05 — OUTCOMES

3-Tiers

Systèmes interconnectés (Next.js + PHP + CDN Natif)

<45ms

Temps de réponse moyen du script CDN

100%

Conformité technique aux normes WCAG AA/AAA

K8s

Infrastructure DevOps conteneurisée et hautement disponible

NEXT PROJECT

02 / 6

Kodschul→

Autonomiser les équipes d'entreprise et les développeurs grâce à des formations informatiques et IA pratiques et de haut niveau.