Kleine Knöpfe, große Wirkung: Wie wir Barrierefreiheit denken

Ein Beitrag von Inga

Vielleicht hast du sie schon am Rand des Bildschirms entdeckt, kleine Symbole, mit denen du das Aussehen unserer Seite anpassen kannst. In diesem Beitrag möchten wir dir erzählen, warum wir uns bewusst für diese zusätzlichen Funktionen entschieden haben, auch wenn wir die offiziellen Richtlinien für Barrierefreiheit bereits erfüllen.

Unser Ziel ist einfach, wir wollen, dass sich hier alle wohlfühlen und die Inhalte mühelos nutzen können.

Schriftgröße auf Knopfdruck: Weil nicht jeder ein Technik-Profi ist

Du kennst das vielleicht, ein Text ist zu klein und das Lesen strengt die Augen an. (Oder aber, persönlich ist einem der Text zu groß, auch das gibt es.) Natürlich gibt es in jedem Browser eine eingebaute Funktion, um den Inhalt zu vergrößern, zum Beispiel mit der Tastenkombination STRG und +. Das ist eine tolle Sache und unsere Website unterstützt das vollständig, sodass du sie auf 200 Prozent oder mehr vergrößern kannst, ohne dass etwas optisch zerschießt oder nicht mehr bedienbar ist.

Wir haben uns gefragt, weiß das jeder? Was ist mit Menschen, die den Computer nur für das Nötigste nutzen? Was ist mit den Menschen, die einen Artikel lesen möchten, oder schnell etwas nachschlagen wollen, sich aber nie mit Tastenkombinationen beschäftigt haben?

Genau für die haben wir Buttons zur Schriftgrößen-Anpassung (A+, A-) implementiert. Anstatt dass du eine versteckte Funktion kennen musst, geben wir dir ein sichtbares und leicht verständliches Werkzeug an die Hand. Ein Klick genügt, und der Text wächst oder schrumpft, ganz ohne technisches Vorwissen. Für uns ist das ein kleiner, aber entscheidender Schritt, um digitale Hürden abzubauen.

Zeilenhöhe und verwendete Schriftart ändern

Die auf unseren Seiten verwendete Schriftfamilie Inter Tight ist dank ihrer hohen x-Höhe und der klaren Unterscheidbarkeit der Zeichen sehr gut lesbar, doch ihre Barrierefreiheit hängt stark von der jeweiligen Verwendung ab. Da sie speziell mit engem Zeichenabstand entworfen wurde, wird sie im Allgemeinen nicht für große Textblöcke empfohlen, da ein zu enger Abstand dazu führen kann, dass Buchstaben für Leser mit Sehbehinderungen ineinanderfließen.

Wie verbindet man also gutes Design mit Barrierefreiheit? Schließen sich diese Dinge automatisch aus? Wir denken nicht, deshalb haben wir uns entschieden eine Alternative anzubieten für die Menschen, denen es schwer fehlt, Mengentexte zu erfassen aufgrund der vielleicht zu geringen Zeilenhöhe oder eben der verwendeten serifenlosen Schriftart.

Über den ersten Button kann man die Zeilenhöhe sowie den Zeichenabstand vergrößern und die Schrift wird getauscht. Zum Einsatz kommt dann die Atkinson Hyperlegible Next. Benannt nach dem Gründer des Braille-Instituts, wurde Atkinson Hyperlegible Next speziell entwickelt, um die Lesbarkeit für Leser mit Sehbehinderung zu erhöhen und das Leseverständnis zu verbessern. Sie zeichnet sich durch neue Schriftstärken, verbessertes Kerning, verfeinerte Kurven, zusätzliche Symbole und erweiterte Sprachunterstützung aus.

Dark Mode oder Light Mode? Deine Augen, deine Wahl.

Ähnlich verhält es sich mit dem Dark Mode. Unsere Website erkennt automatisch, ob dein Computer, Tablet oder Smartphone auf einen dunklen oder hellen Modus eingestellt ist, und passt sich entsprechend an. Das ist die moderne Lösung und geht sogar über die verbindlich zu erfüllenden Richtlinien hinaus.

Aber was ist, wenn dein System auf hell (Light Mode) eingestellt ist, du aber abends im Bett noch einen unserer Beiträge lesen möchtest, ohne deine Augen zu überanstrengen oder andere zu blenden?

Wir finden, du solltest in jedem Moment die Wahl haben. Deshalb haben wir einen manuellen Umschalter für den Dark- und Light-Mode hinzugefügt. Mit einem Klick kannst du die Darstellung an deine aktuelle Situation und deine persönlichen Vorlieben anpassen.

Wichtig ist hierbei natürlich, dass die von dir vorgenommenen Einstellungen erhalten bleiben, auch, wenn du die jeweilige Seite verlassen oder den Browser schließen solltest. Bei einem neuen Besuch unserer Website findest du deine individualisierte Ansicht wieder vor. Erst, wenn du den Cache deines Browsers löschst, werden die Einstellungen zurückgesetzt.

Für die Umsetzung verwenden wir keine zusätzlichen Plugins, sondern haben ein paar Zeilen Code geschrieben. So ist gewährleistet, dass die Installation schlank und sicher bleibt.

Unser Antrieb

Für uns ist Barrierefreiheit mehr als nur das Abhaken einer Checkliste von technischen Anforderungen. Es ist eine Haltung. Es geht darum, mitzudenken und sich zu fragen,wie können wir unsere digitale Welt für alle Menschen einfacher, verständlicher und angenehmer gestalten?

Die von uns implementierten Funktionen sind unsere Antwort darauf. Sie sind eine Einladung an alle, egal wie technikaffin, unsere Inhalte mühelos zu nutzen. Es sind kleine Details, die aber zeigen, dass wir an dich gedacht haben.

Wir hoffen, dass dir diese Funktionen gefallen und sie dir den Aufenthalt auf unseren Seiten erleichtern. Probier sie gerne aus und gib uns Feedback, wenn du magst!

Viel Spaß beim Entdecken
Inga & Stephan