Wenn Sie eine Webseite gestalten wollen, sollten Sie dabei eine wichtige Gruppe von Nutzern nicht vergessen. Es gibt Menschen, die eine Beeinträchtigung haben und deshalb auf eine barrierefreie Gestaltung von Webseiten angewiesen sind.
Wir wollen Ihnen erläutern, was eine barrierefreie Website ist. Was müssen Sie beachten, wenn Sie eine barrierefreie Website erstellen wollen und welche Rolle spielt CAPTCHA Barrierefreiheit hierbei? Der Aufwand, den für eine barrierefreie Website betreiben müssen, ist überschaubar. Sie erreichen damit aber zusätzliche Menschen und leisten einen gesellschaftlichen Beitrag zu mehr Barrierefreiheit im Internet. Unsere Checkliste für eine barrierefreie Website hilft Ihnen dabei, Ihre Inhalte für eine möglichst breite Zielgruppe zugänglich zu machen.
Was ist eine barrierefreie Website?
Eine „barrierefreie Website“ ist eine Website, die so gestaltet ist, dass sie für möglichst viele Menschen leicht zugänglich und nutzbar ist, unabhängig von ihren körperlichen, technischen oder geistigen Fähigkeiten.
Es gibt unterschiedliche Beeinträchtigungen, die es dem Webseitenbesucher schwer machen Ihre Inhalte zu verstehen. Die häufigsten Hürden, die Sie durch das Erstellen einer barrierefreien Website aus dem Weg räumen können, sind:
- Probleme mit dem Sehen
- Probleme mit dem Hören
- Schwierigkeiten Texte zu verstehen
- Schwierigkeiten mit der Struktur
Zum Glück gibt es für diese Hürden Lösungen, die Sie bei der Erstellung einer barrierefreien Website berücksichtigen können. Das gilt übrigens für jede Form von Webseiten, auch wenn es nur für bestimmte Websites gesetzlich vorgeschrieben ist, ein barrierefreies Angebot zu realisieren [1]. Die wichtigste Regel bei der Erstellung einer barrierefreien Website ist es, sich der Probleme bewusst zu werden, die andere Menschen mit Ihrem Webdesign, Ihrer Darstellung und Ihrer Struktur haben könnten.
Was sind die Anforderungen an eine barrierefreie Website?
Um es Ihnen ein wenig leichter zu machen eine barrierefreie Website zu erstellen, haben wir im Folgenden die wichtigsten Punkte zum Einstieg zusammengefasst. Entstanden ist eine barrierefreie Website-Checkliste. Die ersten beiden Punkte zu den Texten und Bildern sind schnell und einfach für jede Website umsetzbar. Die Punkte danach gehen tiefer in den Aufbau der Website und geben Ihnen eine kurze Einführung in die Web Content Accessibility Guidelines.
Die Texte
Die Texte Ihrer Webseite spielen auf zweierlei Weise eine entscheidende Rolle. Zum einen sollten Sie die Schriftgröße und Farbe so wählen, dass auch Menschen mit einer Sehschwäche oder Sehbehinderung sie gut lesen können. Wählen Sie die Schriftgröße nicht zu klein und sorgen Sie für einen guten Kontrast. Mit einem schwarzen Text auf einem weißen Untergrund machen Sie definitiv nichts falsch. Für eine bessere Lesbarkeit sollte die Schriftgröße mindestens 15 oder 16 Pixel betragen.
Ein Punkt, den viele Webdesigner unterschätzen, ist die Verständlichkeit der Sprache. Nicht alle Menschen können flüssig lesen und haben Probleme beim Verstehen von komplexen Sachverhalten. Sie können darauf Einfluss nehmen, ob Ihre Texte leicht und verständlich zu lesen sind. Es gibt sogar ein kostenloses Tool, welches Ihnen dabei hilft, Ihre Texte zu bewerten. Der Flesch-Index bewertet die Verständlichkeit Ihrer Texte. Kurze Sätze mit kurzen Wörtern sind sehr viel einfacher zu lesen als lange Schachtelsätze mit Fachbegriffen. Mit stilistischen Mitteln wie Aufzählungen können Sie die Lesbarkeit Ihrer Texte zusätzlich erhöhen.
Die Bilder
Schöne und ansprechende Bilder sind eine gute Ergänzung für eine erfolgreiche Website. Sie sollten hierbei allerdings auch an Menschen mit einer Beeinträchtigung des Sehvermögens denken, wenn Sie eine barrierefreie Website erstellen wollen. Sie können beispielsweise bei der Auswahl der Motive darauf achten, dass Sie keine Bilder auswählen, die für Menschen mit einer Rot-Grün-Schwäche problematisch sind.
Für Menschen mit einer Sehbehinderung können Sie Bilder auch mit einem sogenannten Alternativ-Text versehen. Dabei handelt es sich um eine kurze Beschreibung dessen, was auf dem jeweiligen Bild zu sehen ist. Viele Webmaster verwenden die Alt-Texte nur für die Suchmaschinenoptimierung, dabei handelt es sich eigentlich um ein wichtiges Hilfsmittel für barrierefreie Webseiten.
Bei Videos ist für Menschen mit eingeschränkten Hörvermögen zu beachten, dass Sie eine Untertitel-Funktion anbieten, um vertonte Inhalte für sie sichtbar zu machen.
Die Struktur Ihrer Webseite
Wenn Sie eine barrierefreie Website erstellen, sollten Sie sich die Zeit nehmen und eine zugängliche Struktur entwickeln. Die Web Content Accessibility Guidelines (WCAG) bieten einen solchen Rahmen. Die WCAG sind eine Reihe von Richtlinien, um Webinhalte für Menschen mit Behinderungen zugänglicher zu machen.
Die WCAG-Richtlinien für barrierefreie Webinhalte decken eine Reihe von Themen ab, darunter:
- Zugänglichmachung von Textinhalten
- Bereitstellung von Alternativen für Nicht-Text-Inhalte
- Gestaltung für Sehbehinderung und Blindheit
- Gestaltung für Taubheit und Schwerhörigkeit
- Gestaltung für körperliche Behinderungen
- Gestaltung für kognitive und neurologische Behinderungen
- Bereitstellung von Übersetzungen und Bildunterschriften
Sie können Ihre Website anhand definierter Erfolgskriterien auf WCAG 2.2 Konformität prüfen und somit umfassend sicherstellen, dass Ihre Website barrierefrei ist.
Wie kann Friendly Captcha die Gestaltung einer barrierefreien Website unterstützen?
Wenn Sie Ihre Webseite barrierefrei gestalten wollen, dann sollten Sie sich auch mit Ihren Formularen, Login- und Registrierungs-Bereichen auseinandersetzen. Diese sind auf der einen Seite wichtig, damit die Besucher Ihrer Website mit Ihnen in Verbindung treten können. Gleichzeitig können sie allerdings je nach Konfiguration für Menschen mit einer Beeinträchtigung eine große Hürde darstellen.
Das liegt an den weitverbreiteten reCAPTCHA Tests, die in Formulare zum Schutz vor Spam und automatisierten Angriffen eingebaut werden. Die hierfür zu lösenden Aufgaben sind insbesondere für Menschen mit einer Sehbehinderung eine große Herausforderung. Die Web Content Accessibility Guidelines (WCAG) betrachten ein solches Captcha daher aus Sicht der Barrierefreiheit als äußerst problematisch [2]. Um dieses Problem zu lösen, haben wir von Friendly Captcha ein barrierefreies Captcha entwickelt. Für die Unterscheidung zwischen Menschen und Computer müssen bei Friendly Captcha weder bestimmte Bilder angeklickt noch sonstige Aufgaben von den Nutzern gelöst werden.
Unser barrierefreies Captcha ist DSGVO-konform und läuft im Hintergrund, während das Kontaktformular befüllt wird. Dies ist für die Nutzer der Webseite komfortabel und bietet Ihnen gleichzeitig einen zuverlässigen Schutz vor Spamnachrichten und Massenangriffen.
Mit Friendly Captcha unterstützen wir Sie dabei, Ihre Webseite für alle Nutzer zugänglich zu machen und Ihren Beitrag zur digitalen Inklusion zu leisten. Informieren Sie sich zu Friendly Captcha und schützen Sie Ihre Website vor Cyberangriffen mit einer barrierefreien Lösung.
