Illustration Headline

Digitale Barrierefreiheit für Software und Web-Apps

Inklusion durch Technologie

Illustation Person with Lense

Was ist digitale Barrierefreiheit?

Ziel der digitalen Barrierefreiheit ist es, digitale Produkte und Inhalte allen Nutzergruppen gleichsam zu Verfügung zu stellen. So sollen alle Menschen unabhängig von ihren kognitiven, körperliche oder technischen Fähigkeiten Software, Apps und Websites nutzen können.
Laut Barrierefreiheitsstärkungsgesetz (BFSG) gilt ab dem 28. Juni 2025 in Deutschland eine Pflicht zur Barrierefreiheit für Software und Web-Inhalte. Bei Nichteinhaltung können Geldstrafen drohen.

Barrierefreiheit, die zählt

TenMedia entwickelt und optimiert Software nach den aktuellen Standards der digitalen Barrierefreiheit. Wir schaffen Lösungen, die wirklich für alle zugänglich sind – effizient, zuverlässig und zukunftssicher.
Projekt Anfragen Arrow pointing top right
Illustation Test Protocol

Was ist das Gesetz zur digitalen Barrierefreiheit?

Für die digitale Barrierefreiheit existieren weltweit diverse Richtlinien und Verordnungen. In Deutschland regelt das BFSG die Maßgaben für barrierefreie Software und Inhalte. Das BSFG stützt sich auf die Richtlinien des European Accessibility Act (EAA). Dieser hat zum Ziel, europaweit einheitliche Richtlinien für die Barrierefreiheit im Internet zu etablieren. Grundlage dafür sind zum großen Teil die Vorgaben für barrierefreie Webinhalte (WCAG).
Illustration Blind Person

WCAG kurz erklärt

Die WCAG (Web Content Accessibility Guidelines) sind international anerkannte Richtlinien. Ihr Ziel ist es, Webinhalte (wie Webseiten und Anwendungen) für Menschen mit Beeinträchtigungen zugänglicher und nutzbarer zu machen. Die aktuelle Version WCAG 2.2 wurde 2023 verabschiedet.

Warum ist barrierefreie Software wichtig?

Illustration for Titles
Anforderungen laut WCAG und BSFG
Das für die Barrierefreiheit von Software geltende Gesetz muss bis zum 28. Juni 2025 umgesetzt werden. Bei Nichteinhaltung drohen teils empfindliche Strafen wie das deaktivieren einer Webseite oder Geldbußen.
Illustration for Titles
Inklusion und Teilhabe
Menschen nicht von der digitalen Teilhabe auszuschließen, dient der sozialen Gerechtigkeit. Durch barrierefreie Software können auch Mitarbeitende mit Einschränkungen ihre volle Leistungsfähigkeit entfalten.
Illustration for Titles
Verständlichkeit
Informationen müssen leicht verständlich sein. Bedienoberflächen sind so zu gestalten, dass sie intuitive Benutzerführung bieten.
Illustration for Titles
Wettbewerbsvorteil
Barrierefreiheit erweitert die Zielgruppe und stärkt das Image einer Firma. Für die Sichtbarkeit in Suchmaschinen kann Barrierefreiheit im Web einen Vorteil sein, da diese für Google und Co. einen Ranking-Faktor darstellt.

Wann ist eine Software barrierefrei?

Es existieren vier Prinzipien, nach denen das WCAG Barrierefreiheit definiert:
Illustation Bullet Point

01

Wahrnehmbarkeit

Inhalte sollen für alle Nutzer durch mindestens einen Sinn erfassbar sein. Hier kommen assistive Technologien zum Einsatz. Dazu gehören z. B. Spracherkennungssysteme oder Screenreader.
Illustation Bullet Point

02

Bedienbarkeit

Sämtliche Funktionen müssen mit verschiedenen Eingabemethoden (Maus, Tastatur, Sprachsteuerung oder Hilfsgeräte) zugänglich sein.
Illustation Bullet Point

03

Verbesserte Usability

Maßnahmen für die Barrierefreiheit von Software dienen auch der allgemeinen Benutzerfreundlichkeit. Anwendungen können durch verbesserte Eingabemethoden oder eine klarer strukturierte Navigation effektiver genutzt werden.
Illustation Bullet Point

04

Robustheit

Nutzer sollten unabhängig von der gewählten Plattform, dem Browser oder verwendeten Assistenztechnologien in vollem Umfang auf Inhalte zugreifen können.

Digitale Barrierefreiheit – Unser Angebot

Im Rahmen unserer Entwicklungs- und Maintenance-Leistungen achten wir von TenMedia stets auf die Barrierefreiheit von Software und Apps. Als Leitfaden dient uns dabei die ISO 9241-110. Diese Norm definiert ergonomische Prinzipien für Benutzeroberflächen. Unter anderem beinhaltet sie Vorgaben, um Anwendungen effizient und leicht verständlich bedienbar zu machen und Nutzungsfehler zu minimieren.
Unsere Best Practices in Bezug auf barrierefreie Software laut WCAG beinhalten unter anderem:
Illustation Offer Card
Anforderungsanalyse
Im engen Austausch mit unseren Auftraggebern erfassen wir neben den allgemeinen technischen und nutzerseitigen Bedürfnissen auch die Anforderungen zur Barrierefreiheit. Als versierte Softwareentwickler sind wir stets über aktuelle Richtlinien laut WCAG und BSFG informiert.
Illustation Offer Card
Testing der digitalen Barrierefreiheit
Mithilfe professioneller Tools führen wir intensive automatisierte und manuelle Tests zur Barrierefreiheit durch. Die Ergebnisse werden dokumentiert und in die Anforderungsanalyse einbezogen.
Illustation Offer Card
Klare Struktur
Wir achten darauf, dass Textinhalte klar strukturiert sind. Die Navigation durch eine Anwendung gestalten wir intuitiv, indem wir komplexe Verschachtelungen vermeiden. Im Fokus sehen klare Klickwege und die Priorisierung der wichtigsten Funktionen.
Illustation Offer Card
Kontrastreiche Gestaltung im Frontend
Im Hinblick auf die ISO 9231-110 achten wir auf ausreichende Kontraste von Schrift, Overlays, Buttons oder Symbolen. Das sorgt dafür, dass sich einzelne Elemente klar voneinander abheben. Stark kontrastierende Farbkombinationen werden vermieden.
Illustation Offer Card
Gestaltung von Eingabefeldern
Beim Design von Eingabefeldern setzen wir nicht nur auf Farbkontraste, da diese Menschen mit Farbsehschwäche diese nicht wahrnehmen. Stattdessen verwenden wir visuelle Hinweisen und programmieren Eingabefelder so, dass bei fehlerhafter Formularübermittlung alle Fehler am Ende des Formulars angezeigt werden. Dies unterstützt die Nutzung assistiver Technologien.
Illustation Offer Card
Responsive Design in Anwendungen & Apps
Responsive Design sorgt dafür, dass Inhalte auf allen gängigen Bildschirmen und mobilen Geräten optimal angezeigt werden. Dies vereinfacht Usability und Barrierefreiheit gleichermaßen. Ein skalierbares Design sorgt für ein übersichtlicheres Layout auf kleinen Bildschirmen.
Illustation Offer Card
Optimierung für assistive Technologien
Wir schaffen eine klare Fokus-Anzeige für interaktive Elemente. Bilder und Grafiken mit komplexen Inhalten ergänzen wir mit entsprechenden Alternativtexten in einfacher Sprache. So wird sichergestellt, das Screenreader oder Braille Displays sämtliche Inhalte interpretieren können.
Illustation Offer Card
Frameworks mit Accessibility-APIs
Für die Softwareentwicklung nutzen wir ausschließlich Frameworks mit Accessibility-Schnittstellen. Komponenten-Bibliotheken oder eigens gebaute UI-Komponenten prüfen wir auf Barrierefreiheit und greifen bei Bedarf auf ARIA-Attribute zurück.

FAQs

Schränkt digitale Barrierefreiheit die Design-Möglichkeiten ein? keyboard_arrow_down keyboard_arrow_up
Dass das Design oder gar die Funktionalität von Software durch Barrierefreiheit eingeschränkt wird, ist ein weitverbreiteter Irrglaube. Bei TenMedia steht im Rahmen der Softwareentwicklung der Nutzen für die Anwender im Fokus. Beim Gestalten des Frontend-Designs ist es nicht unser Ziel, uns kreativ auszutoben. Vielmehr sehen wir es als Herausforderung an, eine Benutzeroberfläche zu gestalten, die ästhetisch ansprechend und barrierefrei ist. Für uns gehen gute Usability und Barrierefreiheit Hand in Hand.
Wie erstelle ich eine Erklärung zu Barrierefreiheit? keyboard_arrow_down keyboard_arrow_up
Wer eine Erklärung zur Barrierefreiheit für seine App oder Website erstellen möchte, sollte zuerst eine Analyse durchführen oder ein Audit beauftragen. So wird festgestellt, welche Kriterien zur Barrierefreiheit die Software erfüllt. Wichtige Angaben sind der Name der Organisation, eine klare Benennung der Webseite oder App und die Angabe, nach welchem Standard die Konformität bewertet wurde (z.B. WCAG 2.1 AA, WCAG 2.2 AA, BITV 2.0, EN 301 549). Auch die Methode der Bewertung ist aufzuführen. Sind Inhalte nicht barrierefrei, sollte dies begründet werden. Wichtig ist auch, eine barrierefreie Möglichkeit für Kontaktaufnahme und Feedback zu schaffen. Die Sprache des Textes sollte klar und einfach verständlich sein und er sollte vom Frontend einer Anwendung aus leicht zu finden sein. Eine Erklärung zur Barrierefreiheit muss mindestens einmal jährlich aktualisiert werden.
Kann TenMedia helfen, bestehende Apps barrierefrei zu machen? keyboard_arrow_down keyboard_arrow_up
Wir von TenMedia entwickeln nicht nur Individualsoftware, Datenbanken und Apps. Wir unterstützen Unternehmen auch dabei, bereits bestehende Anwendungen zu optimieren. Dazu passen wir die Software den neuesten Standards und Anforderungen an, schließen Sicherheitslücken, fügen neue Funktionen hinzu oder modernisieren das Design. Dabei wird von unserer Seite sowohl bei der Entwicklung als auch bei der Neuprogrammierung von Software Barrierefreiheit großgeschrieben. Wir berücksichtigen entsprechende Maßgaben automatisch. Auch Aufträge, die sich ausschließlich auf die Implementierung barrierefreier Standards beziehen, sind bei uns gern gesehen.
Warum sollten wir TenMedia für die Umsetzung unserer digitalen Barrierefreiheit wählen? keyboard_arrow_down keyboard_arrow_up
Unser eingespieltes Team besteht aus Softwareentwicklern, Projektleitern, UX/UI-Designern und einer Redaktion zur Erstellung von Texten und Handbüchern. Da bei uns Qualität und Datenschutz an erster Stelle stehen, arbeiten unsere Experten ausschließlich inhouse ohne externe Freelancer. Wir führen regelmäßige Schulungen zu Themen wie Datensicherheit und Compliance durch. Unsere agile Arbeitsmethodik nach Scrum erlaubt es uns, flexibel auf die Bedürfnisse unserer Stakeholder einzugehen. Zu unseren Kunden zählen Behörden wie die Bezirksregierung Köln oder die Berliner Feuerwehr und Unternehmen wie das Schweizer Bildungsinstitut IFFP oder das Bestattungsunternehmen Berolina. Wir sind spezialisiert auf die Programmierung komplexer Funktionen, Datenbanken und Schnittstellen. In unseren Analyse- und Entwicklungsprozessen findet die digitale Barrierefreiheit stets Berücksichtigung.

Worauf wir stolz sind

Erfahrung
14+ Jahre
Kunden
30+
Zeilen Code
1+ Million
Projekte
40+
In-House Entwicklung
100%
Ventures
4+
Partner
partner
Zertifizierungen
ISO 9001 - Qualitätsmanagement
ISO 27001 - Informationssicherheit

Kunden, die uns vertrauen

Logo Friedrich-Alexander-Universität Erlangen-Nürnberg
Logo Landwirtschaftskammer Nordrhein-Westfalen
Logo Berlin - Senatsverwaltung für Integration, Arbeit und Soziales
Logo KätheCare GmbH
Logo Stiftung Denkmal für die ermordeten Juden Europas
Logo involas Institut für berufliche Bildung, Arbeitsmarkt- und Sozialpolitik GmbH
Logo Bezirksregierung Köln
Logo Deutsche Kulturforum östliches Europa e.V.
Logo IfFP Institut für Finanzplanung AG
Logo SIGNUM Consulting GmbH / Marke DISA
Logo Zentrum für Qualität in der Pflege
Logo medienrettung
Logo advise research gmbh
Logo Berolina Bestattungsinstitut GmbH
Logo B&W Software GmbH
Logo Verein Deutscher Distanzreiter und -fahrer e.V.
Logo Aussteuerhaus Mannsdörfer GmbH
Logo CustomersX GmbH
Logo gigaaa International SA
Logo Konnektor GmbH
favorite Kontakt & Feedback Logo
Alle Kontaktanfragen sind kostenfrei und unverbindlich, per Telefon, E-Mail und persönlich. Wir freuen uns über jedes Vorhaben und melden uns schnellstmöglich zurück.