Web und Software

Barrierefreies Webdesign

Eine barrierefreie Website können alle Menschen nutzen, unabhängig von ihren Fähigkeiten und Voraussetzungen. Davon profitieren am Ende alle Besucher, nicht nur die mit Einschränkungen.

Grundlagen

Wie gestaltet man eine barrierefreie Website?

Barrierefreies Webdesign bei ADence

Für Menschen mit ganz unterschiedlichen Voraussetzungen

Vor allem Menschen mit Einschränkungen sind auf barrierefreie oder barrierearme Versionen von Internetseiten angewiesen. Dazu gehören zum Beispiel Menschen mit einer Hör- oder Sehbehinderung oder mit anderen Einschränkungen bei der Aufnahme und Verarbeitung von Informationen.

Diese Einschränkungen können einzeln vorkommen, häufig auch in Kombination. Eine gut gebaute Website berücksichtigt das von Anfang an, statt es später nachzurüsten.

  • Etwa 10 Prozent der Bevölkerung haben eine anerkannte Schwerbehinderung
  • Die Prinzipien stehen in Deutschland auf rechtlicher Grundlage
  • Barrierefrei gebaut ist günstiger als barrierefrei nachgerüstet

Die vier Prinzipien

Worauf barrierefreie Websites aufbauen

Damit eine Website barrierefrei gestaltet werden kann, folgt man vier Prinzipien. Sie befinden sich in Deutschland mittlerweile auf einer rechtlichen Grundlage.

Prinzip 1

Wahrnehmbarkeit

Eine Internetseite muss für alle Menschen wahrnehmbar gestaltet sein.

  • Schriftart, Schriftgröße, Textlänge und Farben

Prinzip 2

Bedienbarkeit

Eine Website sollte für alle Nutzer bedienungsfreundlich sein.

  • Navigation, die sich per Tastatur oder Sprachassistent bedienen lässt

Prinzip 3

Verständlichkeit

Eine verständliche und einfache Darstellung ist die Grundlage jeder barrierefreien Website.

  • Klare Strukturen, einfache Sprache, gute Erklärungen

Prinzip 4

Robustheit

Viele Menschen nutzen assistive Technik. Die Website sollte damit zusammenarbeiten.

  • Screenreader und Braille-Zeilen als wichtigste Werkzeuge

Vorteile

Eine barrierefreie Website nützt allen

01 Inklusion Barrierefreiheit ermöglicht Menschen mit anderen Voraussetzungen die Nutzung des Internets. Sie werden nicht ausgeschlossen, sondern nehmen gleichberechtigt am gesellschaftlichen Leben teil.
02 Bessere Benutzerfreundlichkeit Barrierearme Websites sind für alle besser nutzbar: leichter zu navigieren, verständlicher in den Inhalten und einfacher in der Bedienung.
03 Größere Reichweite Rund 10 Prozent der deutschen Bevölkerung haben eine anerkannte Schwerbehinderung. Diese Gruppe zu erreichen kann neue Kunden bringen und den Umsatz steigern.
04 Geringere Wartungskosten Barrierefreie Websites sind in der Regel besser strukturiert und enthalten weniger Fehler. Änderungen lassen sich dadurch einfacher vornehmen.
05 Bessere Sichtbarkeit Auch Suchmaschinen kommen mit barrierefreien Seiten besser zurecht. Das erhöht die Auffindbarkeit und kann zu mehr Umsatz führen.
06 Rechtliche Sicherheit Die vier Grundprinzipien stehen in Deutschland auf rechtlicher Grundlage. Wer früh umsetzt, muss später nicht unter Druck nachbessern.

Umsetzung

Worauf wir beim Bauen achten

Inhalt, Struktur und Design trennen

Ein wichtiger Punkt, der sich unterschiedlich umsetzen lässt: über Markup-Sprachen wie HTML, die Inhalt und Darstellung sauber trennen, oder über ein Content-Management-System.

  • Saubere Semantik statt optischer Behelfe

Skalierbare Schriftgrößen

Über CSS lassen sich Schriftgrößen und -arten anpassen, sodass Nutzer die Darstellung an ihre Bedürfnisse anpassen können.

  • Text bleibt lesbar, auch stark vergrößert

Intuitive Navigation

Klare Wege durch die Seite, bedienbar per Maus, Tastatur und assistiver Technik, mit sichtbarem Fokus.

  • Kein Bereich, der nur mit der Maus erreichbar ist

Kontraste und Farben

Ausreichende Kontraste und Farben, die Information nie allein transportieren, damit auch Menschen mit Farbfehlsichtigkeit alles erfassen.

  • Farbe ergänzt, ersetzt aber keine Beschriftung

Gut zu wissen

Häufige Fragen zur Barrierefreiheit

Ist Barrierefreiheit Pflicht?

Die vier Grundprinzipien befinden sich in Deutschland auf rechtlicher Grundlage. Wie weit die Pflicht für Ihr Unternehmen reicht, hängt von Branche und Angebot ab, sinnvoll ist die Umsetzung in jedem Fall.

Muss meine Website dafür neu gebaut werden?

Nicht zwingend. Vieles lässt sich nachbessern: Kontraste, Struktur, Tastaturbedienung und Alternativtexte. Bei sehr alten Seiten ist ein Neuaufbau oft der günstigere Weg, das prüfen wir vorher.

Bringt Barrierefreiheit auch SEO-Vorteile?

Ja. Barrierefreie Seiten sind besser strukturiert, und Suchmaschinen kommen damit besser zurecht. Das erhöht die Auffindbarkeit.

Wie prüfen Sie den aktuellen Stand?

Wir gehen Ihre Seite entlang der vier Prinzipien durch, testen Tastaturbedienung und Screenreader-Tauglichkeit und liefern eine priorisierte Liste mit konkreten Maßnahmen.

Kontaktieren Sie uns

Wie barrierefrei ist Ihre Website?

Wir prüfen Ihre Seite entlang der vier Grundprinzipien und sagen Ihnen konkret, was sich mit wenig Aufwand verbessern lässt und was größer ist.

Maria-Louisen-Straße 2A, 22301 Hamburg