NeuroA11y – Der intelligente Inklusions-Assistent

Digitale Barrierefreiheit neu gedacht – mit besonderem Fokus auf Neurodiversität.

Warum gibt es NeuroA11y?

Das Internet ist für alle da – theoretisch. In der Praxis schließen moderne Websites jedoch täglich Millionen von Menschen unbewusst aus. Ob durch unruhige Layouts, flackernde Animationen, unleserliche Schriftarten oder blendende Kontraste: Barrieren im Netz sind für Betroffene oft unsichtbar, aber emotional und kognitiv ermüdend.

Mit dem Inkrafttreten strengerer Gesetze wie dem Barrierefreiheitsstärkungsgesetz (BFSG) stehen Unternehmen vor der Pflicht, das technische Fundament ihrer Webseiten grundlegend zugänglich zu machen. Doch die gesetzlichen Mindestanforderungen (wie die WCAG 2.2 AA) stoßen in der Praxis an eine entscheidende Realität: Menschliche Bedürfnisse sind widersprüchlich. Was einer Person mit Sehschwäche hilft (z. B. extrem harte Kontraste), löst bei einer anderen Person (z. B. mit Autismus oder ADHS) oft sofortige Reizüberflutung (Sensory Overload) aus. Die starren technischen Richtlinien der Gesetze lassen diese kognitiven und sensorischen Barrieren meist völlig unberücksichtigt.

NeuroA11y wurde als menschenzentrierte Ergänzung innerhalb einer ganzheitlichen Barrierefreiheits-Strategie entwickelt. Das Tool befreit Webseitenbetreiber ausdrücklich nicht von den technischen Pflichten des BFSG (wie einer fehlerfreien HTML-Struktur, Tastaturbedienbarkeit oder aussagekräftigen Alternativtexten für Medien), sondern setzt dort an, wo der Gesetzgeber aufhört. Als empathischer Assistent gibt er Webseiten-Besuchern die individuelle Kontrolle über ihre digitale Umgebung zurück. Er schließt damit die kritische Lücke zwischen der rein technischen Pflicht-Barrierefreiheit und den hochsensiblen Bedürfnissen neurodivergenter Menschen.

Was macht NeuroA11y anders?

Der Markt ist voll von generischen Barrierefreiheits-Overlays. NeuroA11y unterscheidet sich in drei Kernpunkten fundamental von der Masse.

Der "Neuro-First"-Ansatz: Während Mitbewerber fast ausschließlich Blinde und Sehbehinderte (Screenreader-Nutzer) priorisieren, stellt NeuroA11y die oft vergessene Gruppe der neurodivergenten Menschen (ADHS, Autismus, Legasthenie, Dyskalkulie, Irlen-Syndrom) in den Mittelpunkt. Ca. 15–20 % der Weltbevölkerung sind neurodivergent – eine riesige, kaufkräftige und tech-affine Zielgruppe, die NeuroA11y gezielt abholt.
Keine Kompromisse beim Design (Entwickler- & Agenturfreundlich): Viele Overlays zerstören das Corporate Design einer Website. NeuroA11y arbeitet im Hintergrund mit einem hochentwickelten Hook-System. Es lässt sich nahtlos an das Framework der Website anpassen, sodass die Ästhetik der Marke gewahrt bleibt, während die Funktionalität maximale Flexibilität bietet.
Datenschutz & Performance (Made in Germany): Keine schweren, externen Skripte, kein Tracking von Nutzerdaten, keine Verlangsamung der Website. NeuroA11y ist schlank, lädt blitzschnell und respektiert die Privatsphäre der Nutzer zu 100 %.

Ganzheitliche Strategie statt „Overlay-Alibi“

Warum ist NeuroA11y dennoch unverzichtbar?

Die gesetzlichen Vorgaben (wie die WCAG 2.2 AA) definieren lediglich das technische Mindestmaß an digitaler Zugänglichkeit – sie konzentrieren sich primär auf Screenreader-Nutzer (Blinde) und Tastaturbedienung (motorisch Eingeschränkte).
Genau hier setzt NeuroA11y an und schließt eine kritische Lücke, die das Gesetz oft vernachlässigt:

Hinter den Paragraphen steht der Mensch: Während die WCAG starre Kontraste vorschreibt, sorgt NeuroA11y dafür, dass Menschen mit Autismus oder ADHS nicht durch genau diese Kontraste überfordert werden.
Die perfekte Ergänzung: Eine Website kann zu 100 % BFSG-konform codiert sein und trotzdem für einen neurodivergenten Menschen unbedienbar bleiben (z.B. durch unruhige Layouts oder intensive Reizüberflutung).
Das Beste aus beiden Welten: Während die Agentur die technische Pflicht (sauberes HTML, Alt-Texte) erfüllt, liefert NeuroA11y die menschliche Kür – ein adaptives Interface für kognitive und sensorische Barrierefreiheit.
Umsatz & Conversion-Rate: Wer funktionale Barrieren abbaut, reduziert die Absprungrate. Neurodivergente Menschen verlassen Webseiten, die sie visuell oder akustisch reizüberfluten, oft binnen Sekunden. NeuroA11y hält diese kaufkräftige Zielgruppe im Shop oder auf der Plattform, indem es ihnen die Kontrolle über ihre Wohlfühlumgebung zurückgibt.
Echte Inklusion & CSR (Corporate Social Responsibility): Unternehmen erfüllen nicht nur stumpf die gesetzliche Pflicht, sondern zeigen echte, gelebte Inklusion für alle Menschen. Das hebt sie positiv von Mitbewerbern ab, stärkt das Markenimage nachhaltig und zahlt positiv auf moderne Nachhaltigkeits- und Diversitätsberichte (ESG) ein.

Wichtiger Disclaimer & Positionierung

NeuroA11y ist kein automatisiertes Allheilmittel, das den Quellcode einer Website magisch repariert. Das Tool entbindet Webseitenbetreiber ausdrücklich nicht von den Pflichten des Barrierefreiheitsstärkungsgesetzes (BFSG). Eine korrekte semantische HTML-Struktur, fehlerfreie ARIA-Attribute und aussagekräftige Alternativtexte für Bilder und Videos müssen weiterhin im Backend gepflegt und von Entwicklern bereitgestellt werden.

Vollständige Funktions- und Modi-Übersicht

Diese Funktionen sind aktuell in NeuroA11y implementiert und decken das gesamte Spektrum von visueller, kognitiver und motorischer Unterstützung ab.

Visuelle & Text-Anpassungen

Schriftgröße verändern

Die Schriftgröße der gesamten Webseite kann stufenweise (5 Schritte) erhöht werden. Damit wird die Lesbarkeit für Menschen mit Sehschwächen oder Altersweitsichtigkeit im Handumdrehen verbessert, ohne das Layout zu zerstören.

Zeichenabstände verändern

Die Zeilenhöhe, der Abstand der Buchstaben und der Worte zueinander können stufenweise (5 Schritte) vergrößert werden. Dieses "Entzerren" des Textbildes erhöht die Lesegeschwindigkeit und Textaufnahme für Menschen mit Legasthenie (Lese-Rechtschreib-Schwäche) dramatisch.

Leseschrift (Ergonomische Typografie)

Die Standard-Schriftart der Webseite wird per Klick durch die wissenschaftlich optimierte Schrift Atkinson Hyperlegible Next ersetzt. Diese Schriftart wurde speziell entwickelt, um die Unterscheidbarkeit von ähnlichen Buchstaben (z. B. kleines "l", großes "I", Zahl "1") zu maximieren. Sie ist die perfekte Unterstützung bei Legasthenie, Dyskalkulie (Rechenschwäche) oder allgemeinen Seh- und Konzentrationsschwächen.

Farbmodi, Kontraste & Neurodivergenz

Bei der visuellen Barrierefreiheit gibt es einen starken Konflikt: Menschen mit Sehbehinderungen brauchen maximale Kontraste (z. B. reines Schwarz auf reinem Weiß). Für neurodivergente Menschen (insbesondere bei Autismus, ADHS oder dem Irlen-Syndrom) führt genau dieser harte Kontrast oft zu Reizüberflutung (Sensory Overload) oder dazu, dass die Buchstaben beim Lesen visuell flimmern. NeuroA11y löst diesen Konflikt durch maßgeschneiderte Farbschemata:

Pastell-Modus (Gedeckte Farben)

Es werden sanfte, matte Pastelltöne für die gesamte Farbgestaltung der Seite verwendet. Das nimmt der Website die visuelle Aggressivität und hilft extrem gegen sensorische Reizüberflutung (Sensory Overload).

Sepia / Warmer Lesemodus

Ein weicher, leicht gelblicher oder beiger Hintergrund (wie edles, altes Papier) kombiniert mit einer dunkelbraunen (nicht rein schwarzen) Schrift. Dies ist der absolute Goldstandard für viele Menschen mit Legasthenie oder Irlen-Syndrom, da es den blendenden Effekt weißer Bildschirme vollständig eliminiert.

Soft Dark Mode (Schonender Dunkelmodus)

Ein intelligenter Dunkelmodus, der auf reines Schwarz (#000000) verzichtet und stattdessen beruhigende, dunkle Lila- oder Blautöne nutzt. Harte Schwarz-Weiß-Kontraste im klassischen Dark Mode erzeugen bei astigmatischen (Hornhautverkrümmung) und neurodivergenten Augen oft eine "Aura" um die Buchstaben (Halation), was das Lesen extrem anstrengend macht. Der Soft Dark Mode verhindert dies.

Kontrastmodus (High Contrast)

Maximale visuelle Barrierefreiheit für Menschen mit starker Sehbehinderung. Die Seite wird in einen harten Kontrast mit tiefschwarzem Hintergrund, leuchtend gelber Schrift und grauen Akzenten versetzt, um Elemente trennscharf erkennbar zu machen.

Blaufilter

Reduziert den Anteil des blauen Lichts direkt im Browser, ohne dass der Nutzer eine Software auf seinem Betriebssystem installieren muss. Das simuliert einen sanften Abendmodus, schont die Augen bei langer Bildschirmarbeit (Digital Eye Strain) und hilft Menschen, die zu Migräne oder Lichtempfindlichkeit neigen.

Farbschwächen-Filter

Spezielle digitale Farbfilter zur Unterstützung von Menschen mit Farbfehlsichtigkeiten (z. B. Rot-Grün-Schwäche / Protanopie & Deuteranopie oder Blau-Gelb-Schwäche / Tritanopie). Der Filter passt die Farbtöne der Website so an, dass Links, Call-to-Action-Buttons und wichtige Bildelemente für betroffene Augen wieder klar voneinander unterscheidbar werden.

Fokus, Struktur & Reizreduktion

Reize stoppen („Reize reduzieren“ – Bewegung & Dynamik)

Schützt primär Menschen mit ADHS, Autismus oder Epilepsie vor sensorischer Überlastung. Diese Funktion friert blinkende Slider, unruhige CSS-Animationen, automatische Video-Abspielungen und rotierende Elemente sofort ein. Der Aufbau der Seite bleibt vollkommen gleich, aber das gesamte Interface wird starr und ruhig.

Ablenkungsfrei-Modus („Ablenkungsfrei“ – Struktur & Fokus)

Hilft Menschen, die visuell schnell den roten Faden oder die Konzentration verlieren. Während das Layout der Website sonst oft mit Sidebars, Pop-ups, Werbebannern, Social-Media-Share-Buttons und überladenen Footern ablenkt, wird die Seite hier radikal skelettiert. Ein Klick, und das Layout transformiert sich in eine saubere, zentrierte Einspalten-Lese-Ansicht. Nur der Hauptinhalt und essenzielle Navigationselemente bleiben sichtbar.

Fokus-Maske (Leselineal)

Dunkelt den gesamten Bildschirm sanft ab – bis auf einen horizontalen, hellen Streifen, der der Mausbewegung des Nutzers folgt. Dieses digitale Leselineal hilft Menschen mit ADHS und Legasthenie, den Fokus auf der aktuellen Zeile zu behalten, nicht zu verrutschen und die Ablenkungen der umliegenden Absätze komplett auszublenden.

Bilder aus

Blendet alle Bilder, Grafiken und Schmuckelemente der Webseite aus. Dies reduziert das visuelle Rauschen für Menschen im autistischen Spektrum auf ein Minimum und erlaubt ein absolut ungestörtes, rein textbasiertes Erfassen von Informationen.

Links hervorheben

Hebt alle klickbaren Hyperlinks, Buttons und Interaktionselemente visuell stark hervor (z. B. durch eine deutliche Unterstreichung und eine markante Umrandung). Menschen mit kognitiven Einschränkungen, ADHS oder Sehschwächen müssen nicht mehr "suchen", wo eine Interaktion möglich ist – die Struktur der Seite wird sofort lesbar.

Interaktion & Barrierefreie Bedienung

Großer Cursor

Vergrößert den Mauszeiger auf der Webseite signifikant und gibt ihm einen kontrastreichen Rahmen. Dies unterstützt Menschen mit motorischen Einschränkungen (z. B. Tremor), ältere Menschen oder Personen mit Sehschwächen dabei, den Cursor nicht aus den Augen zu verlieren und Ziele präziser anzusteuern.

Stumm schalten

Ein globaler "Panik-Button" für Ton. Er schaltet sofort alle Hintergrundgeräusche, unbemerkt startende Videos, Audio-Feeds oder Soundeffekte der Website stumm. Für Menschen mit hoher Reizsensibilität (z. B. Hochsensibilität / SPS) verhindert diese Funktion sogenannte Jumpscares und akustische Überforderung.

Vorlesen (Text-to-Speech / TTS)

Ein integrierter, leicht bedienbarer Screenreader-Ersatz. Der Nutzer kann Textabschnitte markieren, die dann flüssig und in hoher Qualität vorgelesen werden. Dies bietet einen unschätzbaren Mehrwert für Menschen mit ausgeprägter Legasthenie, Menschen mit Sehbehinderung oder für auditive Lerner, die Informationen durch Hören besser verarbeiten können.

Umsetzung und technische Integration

1. Die Rolle im Gesamtkonzept (Architektur & Abgrenzung)

NeuroA11y arbeitet als clientseitiges Frontend-Overlay-Tool. Es verändert die Darstellung der Website direkt im Browser des Endnutzers, ohne die zugrundeliegende Datenbank oder den permanenten Code der Seite zu manipulieren.

Aus diesem Grund ersetzt der Assistent nicht die fundamentale Umsetzung des Barrierefreiheitsstärkungsgesetzes (BFSG). Die Kernanforderungen der WCAG 2.2 AA müssen zwingend in der nativen Architektur der Website verankert sein. NeuroA11y kann und will keine fehlenden semantischen HTML-Strukturen, mangelhaften ARIA-Labels oder fehlenden Alternativtexte (Alt-Attribute) für Bilder simulieren.

Der Assistent versteht sich als intelligente Erweiterung einer ganzheitlichen Barrierefreiheits-Strategie. Sein Ziel ist es, tiefgreifende kognitive und sensorische Erleichterungen an einer zentralen, barrierefreien Schnittstelle zu bündeln – nativ auf der Website, sodass Nutzer:innen keinerlei zusätzliche Browser-Erweiterungen oder externe Software installieren müssen.

2. Technische Funktionsweise (Die drei Säulen der Anpassung)

Um die Webseite dynamisch und stabil an die gewählten Modi anzupassen, kombiniert NeuroA11y drei technologische Ansätze.

CSS-Overlays (Visuelle Filter): Funktionen wie der Blaufilter oder die Fokus-Maske werden als performante, native CSS-Ebenen über die Website gelegt, ohne das Layout selbst zu beeinflussen.
CSS-Overrides (Stil-Überschreibung): Für Farbschemata (z. B. Sepia, Soft Dark Mode) und typografische Anpassungen (Schriftgrößen, Zeichenabstände) überschreibt der Assistent gezielt die CSS-Regeln der Website. Dies geschieht hochpräzise, um Darstellungsfehler zu vermeiden.
DOM-Manipulation per JavaScript: Komplexe Verhaltensänderungen – wie das Stoppen von Animationen, das Stummschalten von Audioquellen oder das Extrahieren von Texten für den ablenkungsfreien Modus – werden in Echtzeit über eine schlanke JavaScript-Engine gesteuert.

3. Implementierung und individueller Setup-Prozess

Jede moderne Website basiert auf individuellen Themes, Page-Buildern oder Frameworks. Ein starres „One-Size-Fits-All“-Plugin würde zu Layout-Brüchen führen. Damit NeuroA11y seine volle Wirkung entfalten kann und die Ästhetik des Corporate Designs gewahrt bleibt, wird das Tool für jedes Projekt individuell eingerichtet.

Strukturelle Analyse: Wir analysieren das bestehende HTML-Layout und die Content-Strukturen der Website.
Konfiguration der Selektoren: Für den Ablenkungsfrei-Modus und die Reizreduktion definieren wir kunden- und frameworkspezifische CSS-Selektoren. So wird garantiert, dass exakt die richtigen Elemente (z. B. Sidebars, Widgets, Slider) ausgeblendet oder eingefroren werden.
Inhaltliche Abstimmung: Gegebenenfalls werden minimale Optimierungen an der Strukturierung der Inhalte (z. B. klare Auszeichnung des Hauptinhalts-Bereichs) vorgenommen, um eine perfekte Symbiose zwischen Website und Assistent zu gewährleisten.

4. Was der Assistent bewusst nicht leistet (Unser Qualitätsversprechen)

Im Markt der Barrierefreiheits-Tools wird oft mit vollautomatischer Künstlicher Intelligenz geworben. NeuroA11y distanziert sich bewusst von diesem Ansatz. Aus folgenden Gründen verzichten wir auf automatisierte KI-Erweiterungen.

Keine KI-generierten Alternativtexte: Automatisch erzeugte Bildbeschreibungen von KIs sind oft oberflächlich, fehlerhaft oder missinterpretieren den Kontext eines Bildes. Barrierefreiheit bedeutet echte, gleichwertige Teilhabe. Deshalb setzen wir auf das Prinzip „Von Menschen für Menschen“: Nur eine menschliche Redaktion kann die emotionale und inhaltliche Essenz eines Mediums barrierefrei transportieren.
Keine fehleranfällige KI-Automatisierung: KI-basierte Overlays, die versuchen, den Quellcode einer Website im Vorbeigehen zu „reparieren“, sind unzuverlässig und scheitern in der Praxis regelmäßig. Sie bieten keine Rechtssicherheit und führen oft zu unvorhersehbaren Darstellungsfehlern. Eine automatisierte Software kann eine qualifizierte, menschliche Prüfung und sauberes Handwerk niemals ersetzen.

Ganzheitlicher Inklusions-Service (Zusatzleistungen)

Da NeuroA11y als Frontend-Assistent Teil einer umfassenden Inklusions-Strategie ist, unterstützen wir Unternehmen, Kommunen und Agenturen über das Tool hinaus mit spezialisierten Dienstleistungen unserer Digitalagentur. So begleiten wir Sie Schritt für Schritt auf dem Weg zur barrierefreien und neuroinklusiven Webpräsenz.

Barrierefreiheits-Audit durch unsere Agentur: Wir prüfen Ihre bestehende Webseite auf Herz und Nieren nach den aktuellen Richtlinien der WCAG 2.2 und des BFSG. Sie erhalten einen detaillierten, verständlichen Prüfbericht mit konkreten Handlungsempfehlungen für Ihre Entwickler.
Anpassung der Webseite an die Anforderungen des BFSG: Wir übernehmen die technische und strukturelle Optimierung Ihres Quellcodes. Von der Herstellung einer fehlerfreien Tastaturbedienbarkeit bis hin zur korrekten Implementierung von ARIA-Labels und semantischem HTML.
Beratung und Umsetzung für die Integration von „Leichter Sprache“: Die Bereitstellung von Inhalten in Leichter bzw. Einfacher Sprache ist ein zentraler Baustein kognitiver Barrierefreiheit. Wir beraten Sie bei der Konzeption und übersetzen Ihre Kerninhalte zielgruppengerecht.
Beratung zu neuroinklusivem Design: Wir schulen Ihre Marketingteams oder Design-Agenturen darin, wie Webseiten von Anfang an so gestaltet werden, dass sie Reizüberflutung minimieren, ohne an Ästhetik oder Markenidentität zu verlieren.
Programmierung von Webseiten auf Basis unseres Neuroinklusiven Design Systems: Auf Wunsch entwickeln und programmieren wir Ihre neue Webseite von Grund auf neu. Hierbei nutzen wir unser eigens Neuroinklusives Design System, das technische Barrierefreiheit (BFSG) und sensorische Ruhe (Neuroinklusion) von der ersten Codezeile an perfekt miteinander verschmilzt.