Senior Frontend Developer – Barrierefreiheit (WCAG/BITV), Design-Systeme, Web Components, KI
- Verfügbarkeit einsehen
- 0 Referenzen
- auf Anfrage
- 30171 Hannover
- National
- de | en
- 13.10.2026
Kurzvorstellung
Qualifikationen
Projekt‐ & Berufserfahrung
8/2026 – 9/2026
Tätigkeitsbeschreibung
Schwerpunkt: Ursachenanalyse wiederkehrender Layout-Abweichungen in Komponenten des markenübergreifenden Design Systems. Die Ursache lag in der Einbindung der visuellen Regressionstests (BackstopJS) in den Build- und Freigabeprozess: Abweichungen wurden nicht blockiert, Referenzbilder ohne Freigabe ersetzt.
Empfehlungen für einen abgesicherten Workflow mit verpflichtender Freigabe und Testergebnis als Merge-Voraussetzung. Mitarbeit am Nachfolgesystem auf Basis von Lit/Web Components.
Technologien: Lit, Web Components, SCSS, Gulp, BackstopJS
CSS (Cascading Style Sheet), HTML5, JavaScript, User Experience (UX)
8/2025 – 12/2025
Tätigkeitsbeschreibung
Design-to-Code-Konsistenz des Enterprise Design Systems aus Lit-basierten Web Components nach Atomic Design, durchgängig nach WCAG. Figma-Spezifikationen mit der SCSS-Implementierung abgeglichen, Abweichungen in Entwicklungs-Tickets überführt, Dokumentationsstandards für das international verteilte Team gesetzt.
Claude Code und GitHub Copilot bewertet, ausgewählt und unter Einhaltung von Governance-, Compliance- und Sicherheitsvorgaben eingeführt. KI-Toolkit aus drei Claude-Code-Plugins mit 31 Agenten und 11 Commands für Shared Context, PR-Reviews mit Quality Gates und Komponentenentwicklung, angebunden über MCP an Figma-API und Azure DevOps. Accessibility-Agent mit elf deterministischen Prüffällen fand 14 Barrierefreiheitsfehler; ergänzend axe-core-Tests mit Playwright und visuelle Regressionstests.
Technologien: Lit, Web Components, TypeScript, Angular, Nx, Vite, Storybook, Playwright, axe-core, Design Tokens, SCSS, Figma, WCAG, Claude Code, GitHub Copilot, MCP, Azure DevOps, GitLab, Jira, Confluence, Scrum
Confluence, CSS (Cascading Style Sheet), Figma, Git, HTML5, Jira, Large Language Models, Scrum, Typescript
8/2022 – 7/2025
Tätigkeitsbeschreibung
Drei Jahre Produktentwicklung an FisBox, der zentralen Fachanwendung für Sachbearbeiter in hessischen Landesbehörden. Barrierefreie Web-Oberfläche mit Telerik UI for Blazor und Kendo UI, Web-Formulare nach fachlichen Vorgaben, in enger Abstimmung mit den Fachbereichen; intensive Arbeit mit Azure DevOps.
Folgeauftrag: Modernisierung der WPF-Desktop-Anwendung, Einarbeitung in XAML KI-gestützt. Ergebnis ist ein vollständiges Design System mit sämtlichen Controls, Custom Views, durchsuchbarem SVG-Icon-Explorer und dokumentierten User Journeys. WCAG 2.1 AA und BITV 2.0 durchgängig: Kontraste, Tastaturbedienung, Screenreader.
Technologien: C#, Blazor, Razor, Telerik, Kendo UI, WPF, XAML, HTML, CSS, SCSS, TypeScript, Angular, WCAG 2.1 AA, BITV 2.0, Azure DevOps, GitLab, Jira, Confluence, Claude Code, GitHub Copilot, Scrum
C#, Confluence, CSS (Cascading Style Sheet), HTML5, Jira, Scrum, Typescript, User Experience (UX), Windows Presentation Foundation
6/2021 – 3/2022
Tätigkeitsbeschreibung
Über Jahre gewachsene Magnolia-Instanz in kurzer Zeit durch ein neu aufgesetztes System ersetzt; komplettes Frontend-Setup mit FreeMarker-Templating, Asset Pipeline, I18n, Design System und barrierefreien Formularen nach WCAG, umgesetzt nach Figma-Vorlagen; Tests mit Playwright.
Technologien: JavaScript, React, HTML, SCSS, Bootstrap 5, Magnolia, FreeMarker, Java, Playwright, Figma, WCAG, I18n, REST, GraphQL
Graphql, Scrum, Jira, Figma, CSS (Cascading Style Sheet), HTML5, JavaScript, React (JavaScript library)
6/2021 – 12/2021
Tätigkeitsbeschreibung
Weiterentwicklung des Intershop-basierten B2B-Shops shop.metrology.zeiss.de in einem über mehrere Kontinente verteilten Team mit Projektsprache Englisch; Code-Qualität, Mehrsprachigkeit, barrierefreie Oberfläche.
Technologien: TypeScript, React, HTML, SCSS, Bootstrap 5, Intershop, Java, I18n, WCAG, REST, GraphQL
CSS (Cascading Style Sheet), Graphql, HTML5, Jira, React (JavaScript library), Scrum, Typescript
1/2020 – 5/2021
Tätigkeitsbeschreibung
Frontend-Lead auf Magnolia (FreeMarker) und SAP Hybris Commerce, Coaching des Teams und Best Practices; Performance während des B2B-Nachfrageanstiegs in der Corona-Zeit abgesichert; Komponenten in Storybook dokumentiert.
Technologien: JavaScript, React, jQuery, HTML, SCSS, Tailwind CSS, Storybook, Magnolia, SAP Hybris Commerce, FreeMarker, Java, Gulp, REST, GraphQL
Graphql, Scrum, Hybris, Jira, CSS (Cascading Style Sheet), HTML5, JavaScript, Jquery, React (JavaScript library)
7/2019 – 12/2019
Tätigkeitsbeschreibung
basf.com im Adobe Experience Manager in sechs Monaten um 1440 % beschleunigt; Codebasis bereinigt und neu strukturiert; automatisierte Tests mit Jest, Selenium und Cucumber aufgebaut; Team in skalierbarer CSS-Architektur geschult.
Technologien: TypeScript, JavaScript, HTML, SCSS, Tailwind CSS, AEM, Jest, Selenium, Cucumber, Webpack
Adobe Experience Manager (AEM), CSS (Cascading Style Sheet), HTML5, JavaScript, Jira, Scrum, Selenium, Typescript
3/2019 – 6/2019
Tätigkeitsbeschreibung
CMS-Komponenten (SmartEdit) für die SAP-Hybris-Commerce-Shops aller Marken (B2C, B2B, Saturn, Media Markt); Maintenance, Refactoring und Modernisierung von Legacy-Code; Mentoring und Schulung in CSS-Architektur.
Technologien: HTML, SCSS, Foundation 6, ITCSS/BEM, TypeScript, jQuery, Angular, Gulp, SAP Hybris Commerce, JSP/JSTL, SmartEdit
CSS (Cascading Style Sheet), HTML5, Hybris, Jira, Jquery, Scrum, Typescript
12/2018 – 2/2019
Tätigkeitsbeschreibung
Usability, Performance und CSS-Architektur des Onlineshops während der Migration auf Hybris 6 optimiert; Refactoring; visuelles Regression-Testing mit BackstopJS eingeführt.
Technologien: HTML, SCSS, Foundation 6, BEM, JavaScript, Handlebars, jQuery, Angular, Gulp, BackstopJS, SAP Hybris Commerce, JSP/JSTL
CSS (Cascading Style Sheet), HTML5, Hybris, JavaScript, Jira, Jquery, Scrum
8/2018 – 11/2018
Tätigkeitsbeschreibung
Internationale Buchungsstrecken für Air, Sea und Overland auf ein responsives Komponentensystem umgestellt: Design System, Pattern Library und Web Components; WCAG; visuelle Regressionstests mit BackstopJS; Mentoring des Teams.
Technologien: HTML, SCSS, Bootstrap 4, ITCSS/BEM, JavaScript, React, Nunjucks, Web Components, BackstopJS
Scrum, Jira, User Experience (UX), CSS (Cascading Style Sheet), HTML5, JavaScript, React (JavaScript library), Responsive Webdesign
4/2018 – 7/2018
Tätigkeitsbeschreibung
Inhouse-Team in SAP Hybris Commerce (Storefront, JSP/JSTL), Magnolia-Anbindung und CSS-Architektur geschult und begleitet; Programming by Example, Mentoring, Supervising.
Technologien: HTML, SCSS, Bootstrap 4, ITCSS/BEM, JavaScript, jQuery, Magnolia, SAP Hybris Commerce, JSP/JSTL
Scrum, Hybris, CSS (Cascading Style Sheet), HTML5, JavaScript, Jquery
1/2018 – 3/2018
Tätigkeitsbeschreibung
Internationales Team beim Aufbau des IoT-Marketplace auf SAP Hybris Commerce beraten und geschult, Projekt technisch stabilisiert; Design System und Web-Formulare.
Technologien: HTML, SCSS, JavaScript, jQuery, Gulp, BrowserSync, I18n, SAP Hybris Commerce, JSP/JSTL
Scrum, Hybris, CSS (Cascading Style Sheet), HTML5, JavaScript, Jquery
5/2017 – 12/2017
Tätigkeitsbeschreibung
Frontend-Architektur, Konzeption und Teamaufbau für den kompletten Neubau des Onlineshops; erster voll responsiver Prototyp, Pattern Library, Design System, Frontend-Curriculum und Workshops. Framework-freies, langlebiges Konzept, vom Bestandsteam schrittweise umgesetzt; 2025 Livegang auf dieser Basis.
Technologien: JavaScript (framework-frei), HTML, SCSS, ITCSS, Handlebars, Gulp, BrowserSync, BackstopJS, SAP Hybris Commerce
Scrum, Hybris, User Experience (UX), CSS (Cascading Style Sheet), HTML5, JavaScript, Responsive Webdesign
7/2016 – 3/2017
Tätigkeitsbeschreibung
Geerbtes Shop-Projekt mobile-first auf Foundation 6 migriert; Hybris-JSP-Tags, Gulp/BrowserSync-Pipeline; visuelles Regression-Testing mit BackstopJS eingeführt.
Technologien: HTML, SCSS, Foundation 6, ITCSS, JavaScript, jQuery, Gulp, BrowserSync, BackstopJS, SAP Hybris Commerce, JSP/JSTL
Hybris, CSS (Cascading Style Sheet), HTML5, JavaScript, Jquery, Responsive Webdesign
2/2016 – 5/2016
Tätigkeitsbeschreibung
Templating-System nach KISS, DRY und Convention over Configuration mit ITCSS, BEM und Atomic Design; Style Guide für den Produkt-Relaunch; Schulung des Backend-Teams; Galerien und Performance.
Technologien: HTML, LESS, Bootstrap, JavaScript, React, Smarty
CSS (Cascading Style Sheet), HTML5, JavaScript, React (JavaScript library)
6/2015 – 1/2016
Tätigkeitsbeschreibung
Frontend-Abteilung aufgebaut; Vergleichsprodukte mit komplexen, barrierefreien Formularen (Form.io) modernisiert; Pattern Library und Performance.
Technologien: HTML, LESS, Bootstrap, JavaScript, Form.io, Smarty
Scrum, CSS (Cascading Style Sheet), HTML5, JavaScript
2/2015 – 6/2015
Tätigkeitsbeschreibung
GUI-Umbau der Cisco Asset Management Suite (Qooxdoo); Neugestaltung der Produkthilfe gemeinsam mit dem Support-Team in Indien (RoboHelp).
Technologien: HTML, SCSS, Bootstrap, JavaScript, Qooxdoo, RoboHelp, Photoshop
User Experience (UX), CSS (Cascading Style Sheet), HTML5, JavaScript
5/2014 – 1/2015
Tätigkeitsbeschreibung
Magnolia/FreeMarker-System nach gescheitertem Relaunch analysiert und neu ausgerichtet; Frontend-Strukturen und Methoden definiert, Agenturteams konsolidiert; Migration Magnolia 4.5 auf 5; Kanban und Scrum.
Technologien: Magnolia, FreeMarker, HAML, HTML, SCSS, BEM, JavaScript, jQuery, Angular, Jira, Confluence, Kanban, Scrum
Confluence, CSS (Cascading Style Sheet), HTML5, JavaScript, Jira, Jquery, Kanban, Scrum
7/2012 – 4/2014
Tätigkeitsbeschreibung
Frontend-Relaunch von videoload.de geleitet. Das teure Bestandssystem analysiert und durch ein schlankes, von zwei Personen wartbares System abgelöst: FreeMarker-Templating mit einem im Team entwickelten HAML-for-FreeMarker-Parser.
Technologien: FreeMarker, HAML, HTML, SCSS, BEM, JavaScript, jQuery, Jira, Confluence, Scrum, Kanban
Confluence, CSS (Cascading Style Sheet), HTML5, JavaScript, Jira, Jquery, Kanban, Scrum
11/1998 – 6/2012
Tätigkeitsbeschreibung
Konzern- und Markenauftritte, überwiegend auf Magnolia CMS: TUI AG (Konzernwebsite, drei Relaunches), Viacom (MTV, VIVA, Nickelodeon, Comedy Central), Mercedes-Benz Bank, Shure, Börsen AG, Evangelische Landeskirche Hannovers, Niedersächsische Sparkassenstiftung, BIG direkt gesund.
Technologien: HTML, CSS, SASS, HAML, JavaScript, jQuery, JSP/JSTL, FreeMarker, XML, XSLT, Ruby on Rails, Magnolia CMS
CSS (Cascading Style Sheet), HTML5, JavaScript, Jquery, Ruby on Rails, XSLT (XSL Transformation)
Über mich
Seit über 25 Jahren arbeite ich als Frontend-Entwickler für Konzerne, Behörden und Agenturen, zuletzt drei Jahre für die öffentliche Verwaltung mit Schwerpunkt Barrierefreiheit und danach im Design-System-Team eines großen Versicherers.
Digitale Barrierefreiheit ist keine Kür mehr. Seit Juni 2025 setzt das Barrierefreiheitsstärkungsgesetz (BFSG) den European Accessibility Act für die Privatwirtschaft um; öffentliche Stellen folgen der BITV 2.0. Beide verweisen auf die EN 301 549, die auf WCAG 2.2 umgestellt wird. Ich helfe Teams, diese Anforderungen dort umzusetzen, wo sie am besten skalieren: im Design-System. Barrierefreie Komponenten – Textalternativen für Icons, 3:1-Kontrast für Bedienelemente und Grafiken, 24 px Zielgröße, sichtbarer Fokus, Screenreader- und Tastaturbedienung – plus automatisierte Barrierefreiheitsprüfungen im Entwicklungsprozess. Dasselbe gilt für KI-Transparenz: Der EU AI Act verlangt eine sichtbare, barrierefreie Kennzeichnung KI-generierter Inhalte.
Was ich mitbringe:
– Design-Systeme: Komponentenbibliotheken mit Lit und Web Components, Design Tokens, Storybook, Design-to-Code-Abgleich mit Figma
– Barrierefreiheit: WCAG 2.1/2.2 AA, BITV 2.0, EN 301 549 in der Praxis, automatisierte Prüfungen mit axe-core und eigens entwickelten Agenten
– KI-gestützte Entwicklung: im Design-System-Team eines Versicherers ein KI-Toolkit aus drei Claude-Code-Plugins mit 31 Agenten für Reviews, Komponentenentwicklung und Barrierefreiheit; Claude Code, GitHub Copilot, OpenAI Codex, MCP-Server
– Technik: TypeScript, JavaScript, Lit, Angular, React, SCSS, Node.js, Playwright, Magnolia, AEM, SAP Hybris Commerce
Ein Ergebnis, das zeigt, wie ich arbeite: Das Frontend-Konzept, das ich 2017 für den Neubau eines großen Mode-Onlineshops erstellt habe, war bewusst framework-frei und auf Langlebigkeit ausgelegt. 2025 ging der neue Shop auf genau dieser Basis live.
Freiberuflich, remote oder hybrid, mit Sitz in Hannover. Offen für neue Projekte. Deutsch (Muttersprache), Englisch (C1).
Weitere Kenntnisse
Architektur & Methoden: ITCSS, BEM, Atomic Design, Responsive Design, Web-Formulare, Enterprise-Templating, Performance-Optimierung, Frontend-Architektur
Design-Systeme: Komponentenbibliotheken, Design Tokens, Storybook, Figma, Design-to-Code, Pattern Libraries, Bootstrap, Foundation
Barrierefreiheit: WCAG 2.1/2.2 AA, BITV 2.0, EN 301 549, BFSG; Screenreader, Tastaturbedienung, Kontraste, Fokus, barrierefreie Formulare und Komponenten; automatisierte Prüfungen mit axe-core
KI-gestützte Entwicklung: Claude Code, GitHub Copilot, OpenAI Codex, MCP-Server, KI-Agenten, Large Language Models, Governance und Compliance
CMS & Templating: Magnolia, Adobe Experience Manager (AEM), SAP Hybris Commerce (Storefront, SmartEdit), Intershop, FreeMarker, JSP/JSTL, Handlebars, Nunjucks, Smarty, Ruby on Rails, XML/XSLT
Desktop & .NET: C#, Blazor, Razor, Telerik UI for Blazor, Kendo UI, WPF, XAML
Qualität & Tests: Playwright, axe-core, BackstopJS, Jest, Selenium, Cucumber
Build & Tooling: Nx, Vite, Webpack, Gulp, BrowserSync, Form.io, Git, GitLab, Azure DevOps, Jira, Confluence, Photoshop, RoboHelp
Vorgehen: Scrum, Kanban, Code-Reviews, Mentoring, Coaching, Frontend-Leitung, Aufbau von Frontend-Teams
Persönliche Daten
- Deutsch (Muttersprache)
- Englisch (Fließend)
Kontaktdaten
Nur registrierte PREMIUM-Mitglieder von freelance.de können Kontaktdaten einsehen.
Jetzt Mitglied werden