Zum Inhalt springen

Eine illustrierte Person platziert einen großen Play-Button oder Wiedergabe-Symbol in einem Browserfenster. Die Person streckt sich nach oben, um das Symbol anzubringen. Im Hintergrund sind verschiedene geometrische Formen wie Quadrate, Kreise und Pfeile zu sehen. Die Illustration ist im minimalistischen Stil gehalten, mit dem charakteristischen Browserfenster-Design inklusive der drei Steuerungskreise am oberen Rand.

Barrierefreies Webdesign nach BFSG

Gerecht und gesetzeskonform

Von der Konzeption bis zur Umsetzung sorge ich dafür, dass Ihre Website mit einem barrierefreien Webdesign für alle Menschen verständlich, nutzbar und zugänglich ist. Barrierefreies Webdesign bedeutet, Websites so zu gestalten und umzusetzen, dass sie von allen Menschen unabhängig von ihren körperlichen oder technischen Möglichkeiten uneingeschränkt genutzt werden können.

Dafür orientiere mich an den gesetzlichen Grundlagen wie der BITV 2.0, der nach dem Barrierefreiheitsstärkungsgesetz (BFSG) greifenden Norm EN 301 549 und den zugrundeliegenden Standards wie den Web Content Accessibility Guidelines (WCAG).

(Werbe-)Botschaften kommen in dieser barrierefreien Umgebung klarer an. Das spiegelt sich auch in Metriken wie einer längeren Verweildauer, der höheren Konversionsrate oder einer niedrigeren Absprungrate.

Meine Leistungen

Von der Konzeption bis zur praktischen Umsetzung des barrierefreien Webdesigns: Machen Sie Ihre Website breit zugänglich, leicht zu bedienen und BFSG-konform.

Illustration einer Person, die auf eine Checkliste auf einem Klemmbrett zeigt, mit hervorgehobenem gelbem Button

Konzeption und Planung

Je später Aspekte der Barrierefreiheit einbezogen werden, desto schwieriger wird es, sie umfänglich umzusetzen. Deshalb beginnt Barrierefreiheit bereits in der Planung und Konzeption der Webseite. Zu Beginn können mit interdisziplinärer Kommunikation alle Beteiligten einbezogen werden, damit der Grundstein für einen barrierefreien Internetauftritt gelegt werden kann.

Hier werden die Informationsarchitektur, Navigationsstruktur und Interaktionsmuster festgelegt. Besonders wichtig ist die Definition der Zielgruppen und ihrer spezifischen Bedürfnisse. Eine gründliche Analyse der Anforderungen und Barrieren hilft, passende Lösungsansätze zu entwickeln und technische Rahmenbedingungen festzulegen.

Barrierefreie Gestaltung

Im Designprozess steht die visuelle und funktionale Zugänglichkeit im Vordergrund. Dies umfasst die Wahl kontrastreicher Farbkombinationen, lesbarer Schriftarten und ausreichender Schriftgrößen. Wichtig sind klare visuelle Hierarchien, konsistente Gestaltungselemente und gut erkennbare Interaktionselemente. Das Layout muss flexibel sein und sich an verschiedene Bildschirmgrößen und Zoomfaktoren anpassen können.

Umsetzung

Bei der technischen Implementierung liegt der Fokus auf semantisch korrektem HTML, das die Struktur und Bedeutung der Inhalte korrekt abbildet. ARIA-Attribute ergänzen die native Semantik wo nötig. CSS wird für die visuelle Gestaltung eingesetzt, während JavaScript die Funktionalität erweitert, ohne die grundlegende Zugänglichkeit zu beeinträchtigen. Regelmäßige Tests mit verschiedenen Browsern, Screenreadern und anderen assistiven Technologien sichern die Qualität.

Auch Erfordernisse der Datenschutzgrundverordnung (DSGVO) werden dabei erfüllt.

Die Prinzipien der Barrierefreiheit

Ein barrierefreies Webdesign erfüllt verschiedene Grundprinzipien. Das spiegelt sich in Metriken wie einer höheren Konversionsrate, längeren Verweildauer und niedrigeren Absprungrate für Ihre neue Website:

1. Wahrnehmbar

Informationen müssen für alle Nutzer erfassbar sein – egal ob visuell, auditiv oder taktil. Dazu gehören beispielsweise Alternativtexte für Bilder, Untertitel für Videos und ausreichende Kontraste.

2. Bedienbar

Alle Funktionen müssen unabhängig von körperlichen Fähigkeiten nutzbar sein – etwa per Tastatur. Nutzer brauchen genug Zeit für Eingaben, und die Navigation muss klar und konsistent sein.

3. Verständlich

Inhalte und Bedienung müssen leicht verständlich sein. Navigation und Strukturen sollen einheitlich bleiben, Formulare unterstützen bei der Eingabe und Vermeidung von Fehlern.

4. Robust

Inhalte müssen auf allen Geräten und mit assistiven Technologien zuverlässig funktionieren. Sauberes HTML und semantische Auszeichnungen sichern die Kompatibilität – heute und in Zukunft.

Illustration einer Person, die aus einem Computerbildschirm heraus ein Dokument mit Foto und Text sowie ein gelbes Buch hält

BFSG: Eine barrierefreie Website ist Pflicht

Zum 28. Juni 2025 trat das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft, das die europäische Richtlinie zur Barrierefreiheit (European Accessibility Act, kurz: EAA) umsetzt.

Wichtig: Alle Angaben ohne Gewähr. Und: Das ist keine rechtliche Beratung.

Unverbindliches Angebot erhalten

Ich freue mich, Ihnen ein unverbindliches Angebot für ein barrierefreies Webdesign unterbreiten zu dürfen.

Illustration einer Person mit schwarzem Haar und gelbem T-Shirt, die fragend aussieht und auf etwas zeigt, daneben ein Fragezeichen

Über das folgende Formular, per E-Mail an info@barrierefreies.design oder persönlich im Videocall (über Google Meet) können Sie den Kontakt aufnehmen. Ich freue mich auf Sie!


Häufig gestellte Fragen