Tools für mehr Barrierefreiheit auf Websites

von Adrian
5. Juni 2023
Über den Play-Button könnt ihr euch den Text auch vorlesen lassen!

Vielleicht ist euch unser neuestes Tool auf der FairWeg-Homepage bereits aufgefallen: Wir haben seit neustem eine Assistenzsoftware, die unsere Seite zugänglicher und inklusiver machen soll. Denn das Internet steckt voller Barrieren: Zu kleine Schrift oder geringe Kontraste können zur Barriere werden, unter anderem für Menschen mit einer Sehbehinderung oder mit Schwierigkeiten beim Lesen.

Denn: 7,9% der Menschen in Deutschland haben eine anerkannte Schwerbehinderung und gerade für diese Gruppe ist es unabdingbar, dass das Internet zugänglich für alle ist. Aber auch mindestens weitere 30% profitieren von Assistenzsoftware, weil sie zum Beispiel Deutsch nicht als Muttersprache haben. Bereits wenige Tipps und Kriterien können dabei helfen, Webseiten barriereärmer zu gestalten.

So sieht die Einblendung der individualisierbaren EyeAble-Taskbar auf www.trier.de aus

Was macht eine Website barrierefrei(-er)?

Hier gibt es die unterschiedlichsten Bedarfe von den unterschiedlichsten Menschen. Für eine breitere Zugänglichkeit sind vergrößerbare Schrift und klare Kontraste wichtig. So können Menschen mit einer Seheinschränkung Kontraste und Größe so einstellen, dass sie es lesen, beziehungsweise erkennen können. Hier bei uns auf fairweg.info könnt ihr jetzt an der Seite unterschiedliche Schriftgrößen und Kontraste einstellen.

Für blinde Menschen wiederum ist es wichtig, dass die Webseite Screenreader-kompatibel ist. Das bedeutet, dass zum Beispiel Bilder, Formulare oder Buttons mit Text hinterlegt sind und so vorlesbar gemacht werden. Wenn Bilder mit Texten hinterlegt sind, sind sie für alle zugänglicher und können durch Screenreader vorgelesen werden.

Bei Audio- und insbesondere Video-Inhalten sollte auf die Aktivierung von Untertiteln oder das Bereitstellen einer Transkription geachtet werden, damit diese zugänglich für gehörlose oder schwerhörige Menschen sind.

Leichte oder Einfache Sprache, insbesondere auf wichtigen Webseiten mit wichtigen Informationen, macht Inhalte für Menschen mit geringer Lesekompetenz oder auch für Nicht-Muttersprachler:innen zugänglicher. Auch Vorlesefunktionen können von Vorteil sein.

Die Webseite sollte möglichst einfach strukturiert sein. Zum Beispiel sollte durch unterschiedliche Markierung gut erkennbar sein, was eine Überschrift ist und was ein Unterpunkt. Auch Fließtext sollte visuell unterscheidbar sein.

Assistenzsoftware in der Praxis

Bei uns auf FairWeg könnt ihr deshalb jetzt die Schriftgröße oder verschiedene Kontraste einstellen und an eure Bedarfe anpassen. Und nicht nur das: Bei (fast) all unseren Artikeln findet ihr oben über dem Fließtext eine Vorlesefunktion, so wie auch hier. So könnt ihr euch die Artikel von unseren Teammitgliedern vorlesen lassen.

Gerade für öffentliche Seiten gilt durch die EU-Richtline 2102 seit September 2020 die Verpflichtung zur Barrierefreiheit auf Webseiten und einer schriftlichen Erklärung der Barrierefreiheit. Und deshalb ist es umso wichtiger, dass auch die Stadt Trier eine Assistenzsoftware auf ihrer Seite installiert hat. Das System funktioniert ganz ähnlich, wie auch hier bei uns auf FairWeg: Die Schrift kann vergrößert oder verkleinert werden und unterschiedliche Kontraste können eingestellt werden. Und auch ein Tool zum Vorlesen der Webseite ist mit dabei. Das Tool richtet sich so vor allem an Menschen mit Sehbeeinträchtigung oder -behinderung, aber auch Menschen mit Leseschwäche können davon profitieren.

Die Assistenzsoftware auf der Stadt Trier (Eye-Able) Seite ist eine kostenpflichtige Software und hat dementsprechend mehr Funktionen, als unsere hier auf FairWeg, die als WordPress-Plugin kostenlos ist: Bilder können ein oder ausgeblendet werden und das Farbprofil der Webseite auf unterschiedliche Farbschwächen angepasst werden. So wird die Webseite zum Beispiel für Menschen mit einer Rot-Grün-Schwäche zugänglicher.

Ansätze der Leichten Sprache sollen in Zukunft eingearbeitet werden, wodurch sie noch inklusiver wird. Denn insbesondere die Stadt muss für alle zugänglich sein, sowohl vor Ort als auch im Digitalen.

Barrierenabbau im Internet ist wichtig und bereits mit ein, zwei Kniffen kann die eigene Webseite direkt barriereärmer werden. Wir bei FairWeg sind immer weiter dabei unsere Webseite barriereärmer zu machen. Also falls euch etwas auffällt, was wir verbessern können, schreibt uns gerne eine Mail an info@fairweg.info!

Welche Software wird verwendet?

Hier auf FairWeg verwenden wir das WordPress-Plugin All in One Accessibility vom US-amerikanischen Entwickler Skynet Technologies USA LLC in der kostenlosen Basis-Version. Diese kostenlose Version ist im Funktionsumfang leicht eingeschränkt gegenüber der Pro-Version und eignet sich für Websites mit <5.000 Aufrufen im Monat. Die Pro-Version kostet, gestaffelt nach Größe der anzuwendenden Website, zwischen ca. 233 Euro und 933 Euro im Jahr. Während das Tool deutsche Websites unterstützt, gibt es die Beschreibungstexte dazu bislang nur auf Englisch.

Die Website der Stadt Trier nutzt das Tool Eye-Able®, das in Deutschland entwickelt und gehostet wird. Bei der Bezahlsoftware gibt es einen deutlich größeren Funktionsumfang, eigene Zugänglichkeits-Profile können abgespeichert und so wiederverwendet werden. Ein tolles Tool, das individuell auf die eigenen Bedürfnisse zugeschnitten werden kann.

usercalendar-fullmagnifiercrossmenuarrow-left-circlearrow-right-circle Skip to content