Für inklusive Websites, Apps und Online-Shops

Digitale Barrierefreiheit

Laut WHO können rund 20 % der Weltbevölkerung auf viele digitale Angebote nicht zugreifen. Die Barrieren sind einfach zu hoch. Die Lösung heißt: digitale Barrierefreiheit. Sie schafft für diese Menschen einen Zugang. Sie können einfacher navigieren, finden sich dank klarer Designs besser zurecht und erfassen Inhalte deutlich einfacher.

Ein Gewinn für alle – auch für euch. Denn ihr seid per Gesetz auf der sicheren Seite, steigert die Usability – und erreicht mehr neue Kunden. Zusammen mit click solutions unterstützen wir euch dabei, Barrierefreiheit in eure digitalen Angebote zu integrieren.

Ein Porträt von Angelika Schmidt, Wismarer Mitarbeiterin von Lachs von Achtern.
„Habt ihr schon vom Barrierefreiheitsstärkungsgesetz (BFSG) gehört? Es besagt, dass ab dem 28. Juni 2025 Websites, Apps und Onlineshops barrierefrei sein müssen. Dabei ist das Regelwerk für viele Betreiber eine ziemliche Herausforderung. Um die Vorgaben umzusetzen, ist Expertenhilfe gefragt. Mit meinem Team setze ich für Sie alle notwendigen Anpassungen für Code, Design und Content um. Und das Wichtigste: Zusammen machen wir das Internet für alle zugänglicher – wodurch sich auch eure Relevanz für neue Nutzer erhöht.“

Angelika Schmidt, UI-/UX-Expertin mit Schwerpunkt Accessibility & Inclusive Design

Illustration im Flat-Design-Stil auf dunklem Hintergrund: Verschiedene grafische Elemente symbolisieren digitale Barrierefreiheit – darunter ein Laptop, eine Lupe, durchgestrichenes Auge und Ohr (für Seh- und Hörbeeinträchtigung), sowie stilisierte Icons für Tablet, Smartwatch und Benutzerfreundlichkeit. Die Lupe hebt zentrale Geräte hervor. Die Grafik steht für zugängliches UI/UX-Design über alle Endgeräte hinweg.

Der Accessibility-Check

In ihm nehmen wir alle wichtigen Anforderungen für Design, Code und Content unter die Lupe. Auf diese Weise deckt unser Expertenteam Potenziale auf, mit denen wir euren digitalen Auftritt in allen Bereichen optimieren können. Dabei priorisieren wir nach Quick-Wins und langfristigen Zielen. Außerdem setzen wir Standards für neue Features und Inhalte und supporten deren barrierefreie Umsetzung.

So machen wir euch fit für die digitale Barrierefreiheit

Grafik mit einem schräg liegenden weißen Apple-Tastatur und einem weißen Bleistift darüber. Umgeben von gelben, gezeichneten Elementen wie Punkten, Linien, einem Kreis, einem Zickzack und stilisierten Strahlen, die Kreativität und digitales Arbeiten symbolisieren.

Content und Struktur

Wir ergänzen Bilder, Grafiken und Videos mit schlüssigen Alt-Texten, realisieren Alternativen für zeitbasierte Medien und statten Bewegtbild-Content mit Untertiteln, Transkripten und Audiodeskription aus. Und das machen wir auch möglich:

  • Wir entwickeln und integrieren optional Leichte oder Einfache Sprache,
  • schaffen eindeutige Überschriften–Hierarchien sowie logische Inhalts- und Navigationsstrukturen,
  • machen Inhalte mit unterschiedlichen Browsern und assistiven Technologien kompatibel.

Illustration mit dunklem Hintergrund: Eine weiße Apple-Tastatur liegt schräg, ein weißer Bleistift liegt diagonal darüber. Umgeben von gelben und weißen grafischen Elementen wie einer Sprechblase mit drei Punkten, einem Play-Button, Linien, einem gebrochenen Kreis, Strahlen und einer geschwungenen Linie. Die Grafik symbolisiert Kreativität, Kommunikation und digitales Arbeiten.

UX- und UI-Design

Wir realisieren für euch barrierefreie Designsysteme, basierend auf den WCAG 2.2-Standards. Hier spielen auch Farbkonzepte mit ausreichendem Kontrastverhältnis sowie konkrete Werte für Menschen mit Farbfehlsichtigkeit hinein. Und das ist auch dabei:

  • Wir setzen auf klar strukturierte Formulare mit aussagekräftigen Labels und implementieren Nutzerfeedback zu Warnungen und Fehlermeldungen,
  • nutzen klare Layouts und verständliche Icons nutzen, um die kognitive Belastung zu reduzieren,
  • machen User Interfaces bei gleichbleibender Bedienbarkeit skalierbar,
  • definieren die passende Typographie für eine optimale Lesbarkeit auf allen Endgeräten.

Illustration mit dunklem Hintergrund: Ein realistisches Auge in Schwarz-Weiß im Vordergrund. Umgeben von grafischen Symbolen in Gelb und Weiß: ein stilisiertes Browserfenster mit Codezeilen, ein HTML-Code-Symbol, ein Halbmond in einer Sonne (für Dark Mode), sowie strahlenartige Linien. Die Grafik thematisiert visuelle Wahrnehmung, Programmierung und Nachtmodus.

Frontend-Entwicklung für Web und App

Für alle Screenreader und andere assistive Technologien realisieren wir semantisches HTML. Außerdem nutzen wir ARIA-Attribute für barrierefreie Interaktionen und dynamische Inhalte. Und das können wir auch:

  • Wir stellen die Navigation via Tastatur und das Fokus-Management sicher,
  • setzen skalierbare Schriftgrößen ein,
  • realisieren responsive und adaptive UI-Designs.

Illustration mit dunklem Hintergrund: Eine realistische, graue Gehirngrafik liegt im Vordergrund. Im Hintergrund sind ein stilisiertes gelbes Browserfenster mit Codezeilen, ein HTML-Code-Symbol, ein Zahnrad sowie Strahlenlinien zu sehen. Die Grafik symbolisiert intelligentes Programmieren, Kreativität und technisches Denken.

Backend-Entwicklung und Architektur

Wir sorgen dafür, dass serverseitig generierte Inhalte barrierefrei strukturiert sind, stellen barrierefreie APIs für Drittanbieter bereit und unterstützen Voice Interfaces ebenso wie assistive Technologien.

Illustration mit dunklem Hintergrund: Eine große Lupe vergrößert die Darstellung von drei gelben Geräten – Tablet, Smartwatch und Laptop. Darunter befinden sich Symbole für Seh- und Hörbehinderung (durchgestrichenes Auge und Ohr). Die Grafik thematisiert Barrierefreiheit und Zugänglichkeit digitaler Inhalte auf verschiedenen Endgeräten.

Accessibility Testing und Qualitätssicherung

Im Bereich UI und UX testen wir ausführlich, um den Optimierungsbedarf zu ermitteln. Dazu bauen wir auf automatisierte Accessibility-Checks. Tests mit Screenreadern und anderen assistiven Technologien sichern wir dagegen manuell ab. Und das machen wir auch:

  • Wir führen Usability-Tests durch – unterstützt durch verschiedene Nutzergruppen mit Beeinträchtigungen,
  • dokumentieren alle Maßnahmen zur Barrierefreiheit, um die Wartung und Aktualisierung zu erleichtern,
  • erstellen eine Erklärung zur Barrierefreiheit für weitere Optimierungen.

Unsere Kunden und Referenzen im Bereich digitale Barrierefreiheit

Das Logo der Deutschen Rentenversicherung.
Das Logo von Siemens Healthineers.
Das Logo der Deutschen Gesetzlichen Unfallversicherung.
Das Logo der Vielfalter gGmbH.
Das Logo der Wismarer Werkstätten GmbH.
Das Logo des Berufsorientierungsprojektes BOje.
Das Logo des Zukunftszentrums Digitale Arbeit Sachsen Anhalt.
Das Logo der Fachhochschule Güstrow.

Erfahrt, wie ihr eure digitalen Angebote barrierefrei macht

Lernt unsere Accessibility-Experts Angelika Schmidt und Jürgen Thiemann für eine kostenlose Erstberatung kennen. Meldet euch einfach bei uns – per Telefon (03841) 6620450 oder direkt hier:

Mein Name
Meine E-Mail Error Message
Meine Nachricht

Danke!

Deine Nachricht ist gut angekommen. Wir lesen sie gleich und melden uns dann bei Dir. Bis bald.