Wie gestaltet man eine barrierefreie Website?
Eine barrierefreie Website ist eine Website, die alle Menschen nutzen können, unabhängig von ihren Fähigkeiten und Voraussetzungen. Letztendlich können alle Menschen von einem barrierefreien Webdesign profitieren. Aber vor allem Menschen mit Einschränkungen sind auf barrierefreie bzw. barrierearme Versionen von Internetseiten angewiesen. Dazu können zum Beispiel Menschen gehören, die eine Hörbehinderung, eine Sehbehinderung oder andere Einschränkungen bei der Aufnahme oder Verarbeitung von Informationen haben. Diese Einschränkungen können einzeln vorkommen, aber auch eine Kombination von ihnen ist möglich.
Die Grundprinzipien barrierefreier Websites
Damit eine Website barrierefrei gestaltet werden kann, folgt man vier verschiedenen Prinzipien. Diese Prinzipien befinden sich mittlerweile in Deutschland auf einer rechtlichen Grundlage. Die Grundprinzipien lauten:
Wahrnehmung
Eine Internetseite muss für alle Menschen wahrnehmbar gestaltet sein. Dazu zählen verschiedene Elemente wie z.B. die Schriftart, Schriftgröße, Textlänge, Farben etc.
Bedienbarkeit
Eine Website sollte für alle Nutzer bedienungsfreundlich gestaltet sein. Dazu können z.B. barrierefreie Navigationselemente gehören, die mit der Tastatur oder einem Sprachassistenten verwendet werden können.
Verständlichkeit
Eine verständliche und einfache Darstellung ist die Grundlage für eine barrierefreie Website. Dazu gehören beispielsweise klare Strukturen, einfache Sprache und gute Erklärungen.
Robustheit
Da viele Menschen assistive Technik verwenden, sollte eine Website mit dieser Technik kompatibel sein. Vor allem Screenreader und Braille-Editoren sind ein wichtiges Werkzeug für viele Personen.
Eine barrierefreie Webseite bietet Vorteile für alle
Inklusion
Barrierefreiheit ist in der digitalen Welt notwendig, um Menschen mit anderen Voraussetzungen die Nutzung des Internets zu ermöglichen. Durch die Barrierefreiheit kann letztendlich Inklusion geschaffen werden: Menschen mit Behinderung werden nicht ausgeschlossen, sondern gleichberechtigt am gesellschaftlichen Leben teilhaben.
Verbesserte Benutzerfreundlichkeit
Barrierefreie Websites können für alle Menschen einen Vorteil bedeuten. Denn letztendlich sind barrierearme Websites nicht nur für Menschen mit Behinderungen, sondern für alle Nutzer*innen besser nutzbar. Das liegt unter anderem daran, dass diese Seiten besser zu navigieren, Inhalte verständlicher und die Nutzung einfacher ist.
Erhöhte Reichweite
Etwa 10% der deutschen Bevölkerung haben eine anerkannte Schwerbehinderung. Somit handelt es sich bei diesen Menschen um eine relevante Zielgruppe für viele Unternehmen. Diese Gruppe zu erreichen, kann dazu führen, neue Kunden zu gewinnen und den Umsatz zu steigern.
Reduktion von Wartungskosten
Barrierefreie Websites sind in der Regel besser strukturiert und weisen weniger Fehler auf. Dies kann die Wartungskosten reduzieren, da Änderungen an der Website einfacher vorgenommen werden können.
Verbesserte Suchmaschinenoptimierung
Auch Suchmaschinen freuen sich über barrierefreie Websites: Barrierefreie Webseiten sind für Google und Co besser sichtbar. Dadurch erlangt man als Unternehmen eine höhere Auffindbarkeit, was wiederum zu mehr Umsatz führen kann.
Tipps und Tricks
Wenn man eine Website barrierefrei gestalten möchte, sollte man einige Aspekte beachten. Für eine einfache Umsetzung werden die Aspekte im Folgenden näher beleuchtet.
Trennung von Inhalt, Struktur und Design
Die Trennung von Inhalt, Struktur und Design stellt einen wichtigen Punkt dar und kann unterschiedlich umgesetzt werden. Eine Möglichkeit ist die Verwendung von Markup-Sprachen wie HTML oder XML. Diese Sprachen ermöglichen es, den Inhalt, die Struktur und das Design einer Website in separaten Dateien zu speichern. Eine weitere Möglichkeit ist die Verwendung eines Content-Management-Systems (CMS).
Skalierbarkeit und Anpassung der Schriftgröße
Mit CSS-Eigenschaften hat man die Möglichkeit, Schriftgrößen und -arten anzupassen. Eine weitere Möglichkeit ist die Verwendung von JavaScript-Bibliotheken wie FontResizer oder WebFontScaler. Diese Bibliotheken ermöglichen es Benutzern, die Schriftgröße der Website mithilfe eines Schiebereglers oder eines Menüs anzupassen.
Intuitive Navigation
Damit Benutzer einer Website sich schnell und leicht zurechtfinden können, ist eine konsistente Navigation erforderlich. Dies kann durch verschiedene Navigationselemente geschehen.
Hohes Kontrastverhältnis
Damit der Text sich klar und prägnant vom Hintergrund abhebt, ist ein gewisses Kontrastverhältnis auf Websites notwendig. So haben Menschen mit einer Sehbehinderung die Möglichkeit, den Text leichter zu lesen. Auch Farben sollten einen hohen Kontrast aufweisen, um die Lesbarkeit auf Websites zu verbessern.
Klare und einfache Sprache
Auch Kommunikation kann viele Barrieren enthalten. Um Texte möglichst barrierearm zu gestalten, ist es zum Beispiel wichtig, kurze Wörter und Sätze zu benutzen. Diese sollten aus aktiven Konstruktionen bestehen, passiv gilt es zu vermeiden. Auch Fachsprache, Abkürzungen und Akronyme stellen Barrieren dar und sollten in Texten nicht vorkommen.
Metadaten und Alternativtexte für Bilder
Alternativtexte sollten für jedes Bild erstellt werden. So haben auch Nutzer mit Seheinschränkungen die Möglichkeit, Bilder zu verstehen.
