Barrierefrei mit KI

Barrierefreiheit bei Internetseiten gibt einer größeren Zielgruppe die Möglichkeit, die Webseite auch zu verstehen. Seit geraumer Zeit bietet die künstliche Intelligenz (KI) Unterstützung, Texte auch für lese- oder schreibschwache Benutzer zu verstehen.

Das Onlinemagazin LSR-Freun.de bietet Motorsportnews aus verschiedenen Langstreckenrennserien aus aller Welt. Mit täglich wachsender Besucherzahl wächst auch die Gruppe derer, die Probleme mit dem Lesen und Verstehen von langen und zusammenhängenden Texten haben oder diese, aufgrund von Blindheit, nicht lesen können.

Aufgabe: Damit auch lese- und schreibschwache Internetnutzer die Texte des Motorsportportals verstehen, suchten wir gemeinsam nach einer einfachen und leicht zu verstehenden Lösung. Das Ziel sollte sein, dass Audiofiles erstellt werden und diese dann über einen integrierten Player abgespielt werden. Die gesamte Entwicklung soll für den Besucher der Seite sehr einfach zu bedienen sein und keinen Zusatzaufwand für den Autor mit sich bringen.

Lösung: Mit Googles Text-to-Speech-Lösung werden Newsbeiträge nun per Knopfdruck in Sprachdateien umgewandelt und binnen weniger Sekunden dem Anwender zur Verfügung gestellt. Per REST-API werden die Texte an Googles Cloud-Storage gesendet und als mp3 wieder zurückgegeben. Diese werden dann auf dem Server von LSR-Freun.de abgespeichert. Das sorgt nicht nur für Sparsamkeit beim Datentransfer, sondern bietet weitaus mehr Möglichkeiten, als zunächst angedacht. Die MP3-Dateien werden nach Absätzen getrennt und in einer Playlist wieder ausgegeben. So hat der Besucher die Möglichkeit, einen Absatz auch noch einmal anzuhören.

Eine fertige Lösung kam hier nicht infrage, da die laufenden Kosten immer im Blick gehalten werden sollen. Alle Anbieter fertiger und einfach zu installierender Lösungen bzw. Plugins verlangen hohe monatl. Gebühren. Und mit der Text-to-Speech-Lösung von Google setzen wir auf eine zukunftssichere und stabile Funktion.

Ergebnis: Wenn Beiträge erstellt werden, veröffentlicht der Autor zunächst seinen Beitrag, wie er es bisher gewohnt ist. Einzig ein Klick auf einen Button sorgt dafür, dass der Inhalt umgewandelt wird. Binnen weniger Tage wurde die neue Funktion bereits hundertfach angewendet. Die anteilige Benutzergruppe liegt aktuell bei 5% der regulären Besucher. Ein weiterer Nebeneffekt: Die Absprungrate der Webseite wurde weiter verringert und die Besuchszeit signifikant erhöht.

Sie wünschen Mehr Informationen über KI und/oder Barrierefreiheit?

Kontaktieren Sie uns

eingesetzte Technologien

Das könnte Dich auch interessieren

Individuelles Shopware 6 Theme Design Shopware 6 Theme

Ein Webdesign so klar strukturiert und schnörkellos, wie es die Produkte - die hier ganz klar im Vordergrund stehen - verlangen...mehr erfahren

Motorsport Corporate Design & Sponsorenmappe

Der Motorsport Youngster Tim Rölleke bat uns eine Sponsorenmappe für ihn zu gestalten. Mit dieser Mappe sollten neue Unterstü...mehr erfahren

Bestattungsinstitut Gehrlein Lingenfeld Webseite Relaunch 2019 Relaunch Bestattungsinstitut Gehrlein

Das Bestattungsinstitut Gehrlein aus Lingenfeld trat an uns heran, mit der Bitte der Überarbeitung der Webseite und des Corpora...mehr erfahren

Screenshot Webseite Albrecht Motorsport Responsive Webdesign Webagentur Rheinland Pfalz Relaunch Albrecht Motorsport

Modernes – und vor allem geräteübergreifend funktionales – Webdesign wird immer wichtiger. Das erkannte auch Bernd Albrech...mehr erfahren

Leistungssteigerung durch Upgrade

Der Wunsch unseres internationalen Kunden, Vita Natura B.V., war es den schon bestehenden Shop vom Magneto auf Shopware 6 zu mi...mehr erfahren

ScreenshotShopware 5 Onlineshop The goldenhgeartstore Onlineshop "the golden heart store"

Egal ob detailverliebte Newsbeiträge oder die Fullscreen-Artikelseiten mit Hintergrundbild-Slider, jedes Element war durchdacht...mehr erfahren

Titelbild Referenz Portraits LSR-Freun,de Mehr Sichtbarkeit durch Individualität

Wir begleiten die LSR-Freun.de bereits seit deren Gründung im Jahr 2014. Hier konnten wir die Ausrichtung und Sichtbarkeit der ...mehr erfahren

Headergrafik-smartes-licht-com smarter Onlineshop mit Shopware

Ein neues Corporate Design mit einer Logo-Entwicklung sowie ein übersichtliches Webdesign für einen Onlineshop wünschte sich ...mehr erfahren