Manchmal entsteht ein Plugin nicht aus einer Laune heraus, sondern aus einem sehr klaren Gefühl.
Websites sollen schön sein. Sie sollen modern wirken, schnell laden und zu einer Marke passen. Aber sie sollen vor allem für Menschen funktionieren. Für Menschen mit guten Augen und für Menschen mit Sehschwäche. Für Menschen, die kleine Schriften problemlos lesen können und für Menschen, die größere Abstände brauchen. Für Menschen, die Animationen mögen und für Menschen, die dadurch gestresst werden. Für Menschen, die eine Website sehen, lesen, hören oder mit der Tastatur bedienen möchten.
Aus diesem Gedanken heraus ist Ida entstanden.
Ein WordPress-Plugin, das Besucherinnen und Besuchern hilft, eine Website besser wahrzunehmen, ruhiger zu lesen und individueller zu bedienen.
Warum Ida?
Der Name war uns wichtig.
Ida klingt kurz, weich und menschlich. Nicht wie ein technisches Werkzeug, das irgendwo im Hintergrund arbeitet, sondern wie eine stille Unterstützung, die da ist, wenn man sie braucht.
Der Name Ida trägt außerdem eine schöne Bedeutung. Ida wird unter anderem mit „die Arbeitende“ und „die Sehende“ verbunden. Genau diese Kombination macht den Namen für dieses Plugin so passend.
Ida ist die Arbeitende, weil sie im Hintergrund unterstützt. Sie passt Darstellungen an, speichert persönliche Einstellungen im Browser, stellt Kontraste um, stoppt Animationen, vergrößert Schriften und macht Inhalte lesbarer.
Und Ida ist die Sehende, weil sie Menschen unterstützt, die Websites anders wahrnehmen müssen. Sie wird zum zusätzlichen Auge für sehbehinderte Menschen, zur Lesehilfe für Menschen mit Konzentrationsproblemen und zur stillen Helferin für alle, die digitale Inhalte nicht einfach nebenbei konsumieren können.
Ida ist keine laute Lösung. Ida drängt sich nicht auf. Sie arbeitet.
Der ursprüngliche Wunsch
Der Wunsch war, ein Plugin zu entwickeln, das mehr kann als ein einfacher Kontrastschalter.
Viele Accessibility-Plugins bieten ein kleines Menü mit ein paar Standardfunktionen. Schrift größer, Kontrast höher, fertig. Das ist ein Anfang, aber oft nicht ausreichend. Gerade moderne WordPress-Websites mit Divi, Elementor oder anderen Pagebuildern bestehen aus vielen verschachtelten Modulen, Spezialdesigns, Animationen, Hovereffekten und individuellen Schriftregeln.
Mein Wunsch war deshalb ein Plugin, das wirklich versucht, in dieser Realität zu funktionieren.
Ida sollte nicht nur theoretisch Einstellungen ändern. Ida sollte auch auf echten Websites greifen.
Es sollte Funktionen geben für:
Schriftgrößen
Überschriften
Zeilenhöhe
Zeichenabstand
Wortabstand
Kontraste
Graustufen
Helligkeit
Sättigung
Lesemodus
Leselinie
Animationen
Fokusrahmen
hervorgehobene Links
Vorlesefunktion
persönliche Profile
Und das alles in einem Panel, das sich modern anfühlt, nicht technisch abschreckend wirkt und auch auf mobilen Geräten bedienbar bleibt.
Woran wir hart gearbeitet haben
Die größte Arbeit lag nicht darin, einfach ein Menü mit vielen Buttons zu bauen.
Die eigentliche Arbeit lag darin, dass Ida sich auf echten Websites korrekt verhalten muss.
Ein Barrierefreiheits-Panel darf nicht selbst zum Problem werden. Es muss sichtbar bleiben. Es darf nicht hinter anderen Elementen verschwinden. Es darf keine unschönen Scrollbalken erzeugen. Es muss mit Theme-CSS, Pagebuilder-Containern und visuellen Filtern zurechtkommen.
Genau daran haben wir Schritt für Schritt gearbeitet.
Das Panel wurde stabilisiert, damit es zuverlässig sichtbar bleibt. Die oberen Tabs wurden angepasst, damit sie nicht abgeschnitten werden oder hinter einem Scrollbalken verschwinden. Die Bedienung wurde kompakter und klarer gemacht. Tooltips wurden ergänzt, damit auch kurze Buttons verständlich bleiben.
Auch die Filterfunktionen waren ein großes Thema. Graustufen, Helligkeit, Sättigung und Kontrast dürfen die Website verändern, aber nicht das Ida-Panel selbst kaputt machen. Genau hier wurde es technisch anspruchsvoll. Denn wenn ein Filter zu grob auf die ganze Seite gelegt wird, kann auch das Panel betroffen sein. Dann verschwinden Inhalte, Buttons werden schwer lesbar oder das Panel wirkt leer.
Deshalb wurde Ida immer weiter abgesichert, bis die Bedienoberfläche auch dann stabil bleibt, wenn die Website selbst stark verändert wird.
Die Herausforderung mit Pagebuildern
Ein besonderer Punkt waren Pagebuilder wie Divi oder Elementor.
Diese Systeme setzen viele Designwerte direkt in Modulen, Wrappern, Absätzen und Überschriften. Eine einfache CSS-Regel auf den Body reicht dann oft nicht aus.
Wenn man zum Beispiel die Zeilenhöhe verändert, passiert auf manchen Seiten erst einmal gar nichts. Nicht, weil die Funktion falsch gedacht ist, sondern weil der Pagebuilder eine stärkere Regel gesetzt hat.
Deshalb musste Ida gezielter werden.
Die Einstellungen für Zeilenhöhe, Zeichenabstand und Wortabstand wurden so erweitert, dass sie auch typische Textmodule verschiedener Themes und Builder erreichen. Gleichzeitig durfte das Ida-Panel selbst nicht auseinandergezogen werden. Denn wenn jede typografische Änderung auch auf das Bedienfeld wirkt, wird die Oberfläche schnell unruhig.
Das Ziel war also: Texte der Website anpassen, aber Ida selbst stabil halten.
Animationen stoppen, aber richtig
Auch die Funktion „Animationen stoppen“ war anspruchsvoller als gedacht.
Bei vielen Websites bedeutet Animation nicht nur, dass sich etwas bewegt. Oft werden Elemente zunächst unsichtbar geladen und erst später eingeblendet. Wenn man Animationen einfach nur abschaltet, bleiben diese Elemente manchmal in ihrem unsichtbaren Startzustand hängen.
Das Ergebnis: Die Animation ist zwar gestoppt, aber der Inhalt erscheint erst nach langer Zeit oder wirkt kurzzeitig verschwunden.
Ida musste deshalb lernen, Animationen nicht nur zu stoppen, sondern betroffene Elemente direkt sichtbar zu setzen. Besonders bei Divi, Elementor und typischen Scroll-Animationen war das wichtig.
Jetzt kann Ida Animationen beruhigen, ohne dass Inhalte unnötig lange versteckt bleiben.
Was Ida heute kann
Ida stellt Besucherinnen und Besuchern ein Barrierefreiheits-Panel zur Verfügung, mit dem sie die Darstellung einer Website individuell anpassen können.
Dazu gehören zum Beispiel größere Schrift, stärkere Überschriften, bessere Abstände, verschiedene Kontrastmodi, Graustufen, reduzierte Helligkeit, reduzierte Sättigung, hervorgehobene Links, ein sichtbarer Fokusrahmen, eine Leselinie, ein ruhiger Lesemodus und das Stoppen von Animationen.
Außerdem bietet Ida eine Vorlesefunktion über die Sprachfunktionen des Browsers. Inhalte können dadurch vorgelesen werden, ohne dass dafür externe Dienste eingebunden werden müssen.
Die Einstellungen werden lokal im Browser gespeichert. Das ist datenschutzfreundlich und sorgt dafür, dass Besucherinnen und Besucher ihre bevorzugte Ansicht beim nächsten Besuch wiederfinden.
Im Backend lassen sich Module aktivieren oder deaktivieren, Farben anpassen, Buttonpositionen festlegen, Profile verwalten und Einstellungen exportieren oder importieren. Dadurch eignet sich Ida nicht nur für eine einzelne Website, sondern auch für Agenturprojekte, bei denen ähnliche Grundkonfigurationen mehrfach genutzt werden sollen.
Was Ida anders macht
Ida ist nicht einfach ein weiteres kleines Overlay mit ein paar Standardbuttons.
Der Unterschied liegt in der praktischen Arbeit an echten Problemen.
Ida wurde nicht nur geplant, sondern an echten Situationen geschärft. An Buttons, die im Kontrastmodus unsichtbar wurden. An Panels, die sich durch Filtereffekte falsch verhielten. An Pagebuilder-Texten, bei denen Abstände nicht griffen. An Animationen, die zwar gestoppt wurden, aber Inhalte zu spät sichtbar machten.
Genau dadurch ist Ida praxisnah geworden.
Viele Plugins wirken auf einer einfachen Testseite gut. Ida wurde für echte WordPress-Websites gedacht, bei denen Themes, Builder, Module, Effekte und individuelle Designs zusammenkommen.
Ida versucht nicht, Barrierefreiheit schönzureden. Das Plugin ersetzt keine vollständige Barrierefreiheitsprüfung. Es behauptet nicht, eine Website automatisch rechtssicher oder vollständig barrierefrei zu machen.
Aber Ida gibt Menschen Werkzeuge an die Hand, die eine Website für sie besser nutzbar machen können.
Und genau das war das Ziel.
Unterstützung statt leeres Versprechen
Barrierefreiheit ist kein einzelner Schalter.
Eine wirklich barrierearme Website braucht gute Struktur, verständliche Inhalte, ausreichende Kontraste, sinnvolle Alternativtexte, klare Formulare, Tastaturbedienbarkeit und viele weitere Details.
Ida ist ein Teil dieser Arbeit.
Das Plugin unterstützt Besucherinnen und Besucher direkt auf der Website. Es hilft ihnen, Inhalte besser zu sehen, ruhiger zu lesen, Elemente klarer zu erkennen und störende Effekte zu reduzieren.
Ida ist die kleine arbeitende Helferin im Hintergrund. Die Sehende. Die Unterstützende. Das zusätzliche Auge für Menschen, die digitale Inhalte anders wahrnehmen.
Und genau deshalb trägt dieses Plugin seinen Namen.
