Barrierefreiheit in der Informatik – Richtlinien, ein Überblick

In diesem Blogartikel möchte ich einen Überblick geben über Richtlinien rund um die barrierefreie Informatik. Bevor wir zu den Richtlinien kommen möchte ich die Grundbegriffe der Barrierefreiheit in der Informatik erklären.

Grundbegriffe der Barrierefreiheit in der Informatik

Barrierefreiheit in der Informatik in der Informatik bedeutet, dass Webseiten, Programme und Betriebssysteme so gestaltet sind, dass sie von allen Menschen, auch von Menschen mit körperlichen Einschränkungen, bedient werden können.

Barrierefreies Webdesign bedeutet, dass Internetseiten so gestaltet sind, dass sie von allen Menschen, auch von Menschen mit körperlichen Einschränkungen, bedient werden können.

Barrierefreie Software-Entwicklung bedeutet, es entsteht eine Software die für alle Menschen, auch für Menschen mit körperlichen Einschränkungen, bedienbar ist.

Barrierefreiheit bei Betriebssysteme bedeutet, dass ein Betriebssystem so gestaltet ist, dass es von allen Menschen, auch von Menschen mit körperlichen Einschränkungen bedient werden kann.

Tastatur mit Rollstuhlsymbol und Wort barrierefrei
Quelle: Robert Kneschke – 483201067 / Shutterstock.com

„Barrierefreiheit in der Informatik – Richtlinien, ein Überblick“ weiterlesen

Barrierefreiheit bei Browser – Artikelreihe

Mit diesem Blogartikel startet eine neue Artikelreihe: Barrierefreiheit bei Browser. Ich untersuche die aktuellen Browser danach, wie gut sie für Menschen mit Behinderungen zu bedienen sind.

BrowserWas ist das?

Ein Browser ist eine Software, mit der Internetseiten (auch Webseiten genannt) aus dem Internet aufgerufen und angeschaut werden können.

Alle Browser die wichtig sind auf einen Blick
Alle Browser die wichtig sind auf einen Blick: Opera, Firefox, Internetexplorer, Google Chrome Quelle: Rose Carson – 404539348 / Shutterstock.com

„Barrierefreiheit bei Browser – Artikelreihe“ weiterlesen

Screenreader leicht und verständlich erklärt

Blinde und sehbehinderte Menschen arbeiten mit einer Software, die unter dem Oberbegriff Screenreader zusammengefasst wird. Was diese Software macht und wie Sie funktioniert, erfahren Sie hier.

Computernutzung bei Blindheit und Sehbehinderung
Blinde Personen können Computer mithilfe einer Braillezeile nutzen. Das Computer-Ausgabegerät stellt Zeichen in Brailleschrift dar und wird üblicherweise durch Screenreader angesteuert. Bildquelle: zlikovec – 428299819 / Shutterstock.com

Ein Screenreader ist ein Bildschirmleseprogramm. Wenn ein Mensch blind oder sehbehindert ist, heißt das nicht, dass er nicht am PC/Laptop arbeiten kann. Der Screenreader „spielt“ für den blinden oder sehbehinderten Menschen die Augen und liest den Bildschirminhalt. Die Vermittlung der Informationen auf dem Bildschirm können dabei auf zwei verschiedene Arten geschehen:

  • Akustisch: über eine Soundkarte
  • Taktil: über eine Braillezeile

Wenn der gelesene Text über die Soundkarte ausgegeben wird, heißt das, dass der Text dem blinden oder sehbehinderten Menschen vorgelesen wird. Im Fall der Braillezeile kann der Nutzer den Inhalt selbst in Blindenschrift lesen.

Hier noch ein Youtube-Video in dem ich erkläre was ein Screenreader ist:

Zwei Wege der Sprachausgabe

Die akustische Wiedergabe des Bildschirminhalts ist besonders für sehbehinderte Menschen geeignet, deren Sehvermögen noch gut genug ist, dass sie auf Blindenschrift verzichten können. Es gibt zwei Wege, um synthetische Sprache zu erzeugen:

  • Externe Geräte: Diese werden an den Computer angeschlossen und erzeugen die Sprachausgabe unabhängig vom benutzten Endgerät. Dabei werden die Bildschirminformationen vom Endgerät (PC, Tablet, Laptop) auf das externe Ausgabemedium übertragen.
  • Internes Softwareprogramm: Dieses Programm ist in der Regel in den Screenreader integriert und übersetzt die Bildschirminhalte in Sprache. Die Ausgabe erfolgt über die PC-Lautsprecher wahlweise mit oder ohne Kopfhörer.

Synthetische Sprache hat den Nachteil, dass sie sehr maschinell klingt. Das Hauptproblem dieser assistiven Technologie ist zweifellos, mit so produzierter Sprache Gefühle zu transportieren. Das Ergebnis wirkt deshalb nicht immer angenehm und harmonisch. Die Sprachausgabe erfolgt recht monoton ohne Pause oder Betonung. Bei Wörtern, die anders ausgesprochen als sie geschrieben werden, können teilweise Verständnisprobleme auftreten.

Die in die Software integrierte Wörterbuchfunktion kann unverständliche Wörter aber noch einmal nach ihrem Sinn erklären. Diese Funktion ist auch bei Zeichenfolgen wie Smileys oder Abkürzungen sehr hilfreich. Ähnlich wie bei Navigationsgeräten können Benutzer in der Regel zwischen einer Männer- oder Frauenstimme wählen. Über die Einstellungen kann zudem die Lesegeschwindigkeit angepasst werden.

Braillezeilen übersetzen Bildschirminhalte in Blindenschrift

Die Braillezeile ist ein Ausgabegerät, welches den gelesenen Text in Brailleschrift (=Blindenschrift) ausgibt. Die Brailleschrift wird mit Stößel dargestellt, die aus einer Fläche herausragen. Diese herausragenden Stößel bilden die Zeichen der Blindenschrift ab. Der blinde oder sehbehinderte Mensch kann mit seinen Fingerkuppen die Stößel abtasten und somit eine Bildschirmzeile lesen.

Alternativtexte für Bilder und Videos sind wichtig

Da Screenreader nur lesen und nicht sehen können, ist es z. B. wichtig, dass Bilder auf einer Webseite einen Alternativtext haben. Fehlt dieser Alternativtext, wird diese Fläche vom blinden oder sehbehinderten Menschen als „leere“ Fläche wahrgenommen.
Bei Videos verhält es sich genau gleich. Der Screenreader kann ein Video nicht „lesen“. Wenn man auf einer Webseite Videos einbindet, sollte man unter dem Video kurz beschreiben, was auf dem Video zu sehen ist.
Mit oben beschriebener Vorgehensweise können blinde und sehbehinderte Menschen am PC/Laptop arbeiten. Der Screenreader liest den Bildschirminhalt und liest ihn vor oder schickt ihn an die Braillezeile.

Programmoberflächen müssen Text beinhalten

Damit Screenreader Programmoberflächen „lesen“ können, müssen diese so programmiert werden, dass die Oberflächenkomponenten Texte beinhalten, die Sinn und Zweck der Komponente erklären.
Da Screenreader in unterschiedlichen Betriebssystemen anders heißen, hier eine kurze Auflistung:

Betriebssysteme Name des Screenreaders Wo finden Sie den Screenreader
Windows Sprachausgabe Einstellungen -> Erleichterte Bedienung
IOS Voice Over Einstellungen -> Bedienungshilfen
Android Talkback Einstellungen -> Bedienungshilfen oder Eingabehilfe
Ubuntu Bildschirmleser Einstellungen -> Zugangshilfen

Die in der Praxis am meisten verwendeten Screenreader

Die Softwareprogramme für Screenreader gibt es sowohl als kostenlose oder Open-Source-Versionen als auch von kommerziellen Anbietern gegen Bezahlung. Der bekannteste Gratis-Screenreader ist NonVisual Desktop Access (NVDA) für Microsoft Windows. In diesem Blogartikel erkläre ich den Screenreader NVDA. Zusätzlich habe ich im Netz ein Video gefunden, das den NVDA Screenreader ebenfalls erklärt:

Youtube-Video, das den Gebrauch des NVDA Screenreaders in englischer Sprache erklärt.
Zu den bekanntesten kommerziellen Screenreadern gehört die Software Job Access With Speech (JAWS). Die Kosten für die Version Professional liegen bei etwa 900 Euro. Die Home Edition gibt es schon ab etwa 735 Euro.
In diesem Video wird der Screenreader JAWS vorgestellt. Leider habe ich kein deutschsprachiges Video gefunden:

Video-Tutorial in englischer Sprache über die verschiedenen Elemente einer Webseite, einschließlich Links, Überschriften und Dialogboxen und wie JAWS auf diese Elemente zugreift.
Auf meiner Webseite finden Sie weitere nützliche Informationen zum Thema barrierefreies Webdesign.

Barrierefreiheit mit WordPress – eine Anleitung in Text, Bild und Video

Mein Blog basiert auf einem System, das sich WordPress nennt. Da mir Accessibility bei Webseiten ebenfalls ein großes Anliegen ist, habe ich natürlich auch bei meinem Blog darauf geachtet, dass alles barrierefrei ist. Wie Accessibility mit WordPress funktioniert, verrate ich in diesem Artikel.

Bevor ich zum Thema Barrierefreiheit (auf englisch Accessibility) mit WordPress komme, muss ich kurz die Grundlagen von WordPress erklären. WordPress ist eine Blogsoftware. Ein Blog ist eine spezielle Form einer Internetseite auf dem Artikel geschrieben werden. Es müssen nicht zwingend Fachartikel sein. Es kann auch ein „öffentliches“ Tagebuch geführt werden, es kann über Lebensfreude geschrieben werden oder ein anderes Thema. Es gibt auch Blogger (=Autoren von Blogartikeln) die Ihre Leser darüber informieren wieviel neue Kontakte sie auf der Social Media Plattform Xing gesammelt haben.

Tastatur mit Rollstuhlsymbol und Wort barrierefrei
Quelle: Robert Kneschke – 483201067 / Shutterstock.com

„Barrierefreiheit mit WordPress – eine Anleitung in Text, Bild und Video“ weiterlesen

Barrierefreies Webdesign nach BITV 2.0: Tastaturfokus muss sichtbar sein

In diesem Blogartikel erkläre ich warum es wichtig ist, den Tastaturfokus deutlich sichtbar zu machen um barrierefreies Webdesign umzusetzen.

Sehbehinderung – Was ist das?

Eine Sehbehinderung ist eine meist dauerhafte massive Einschränkung der Sehfähigkeit. Man teilt sie allgemein in Schweregrade ein, die sich in der Regel am verbliebenen Ausmaß der Sehschärfe des besseren Auges orientieren.
Das verbleibende Ausmaß der Sehschärfe des besseren Auges nennt sich Sehrest.

Viele sehbehinderte Menschen arbeiten nur mit Tastatur

Menschen die eine starke Sehbehinderung haben können oft nicht mit einer Computermaus arbeiten. Deswegen bedienen sie den ganzen Computer per Tastatur. Das bedeutet, dass alle Bedienelemente per Tastatur erreichbar sein müssen.

Tastatur mit Rollstuhlsymbol und Wort barrierefrei
Quelle: Robert Kneschke – 483201067 / Shutterstock.com

„Barrierefreies Webdesign nach BITV 2.0: Tastaturfokus muss sichtbar sein“ weiterlesen

Barrierefreies Webdesign nach BITV 2.0: Alternativtexte bei Bilder

In diesem Blogartikel erkläre ich warum Alternativtexte bei Bilder für barrierefreies Webdesign wichtig sind.

Blinde und einige sehbehinderte Menschen arbeiten mit einem Screenreader

Ein Screenreader ist ein Bildschirmleseprogramm. Wenn ein Mensch blind oder sehbehindert ist, heißt das nicht, dass er nicht am PC/Laptop arbeiten kann. Der Screenreader „spielt“ für den blinden oder sehbehinderten Menschen die Augen und liest den Bildschirminhalt. Die Vermittlung der Informationen auf dem Bildschirm können dabei auf zwei verschiedene Arten geschehen:

Der Screenreader kann nur lesen, deswegen hat er Probleme mit Bildern. Die können nicht gelesen. Deswegen benötigen Bilder Alternativtexte.

Computernutzung bei Blindheit und Sehbehinderung
Blinde Personen können Computer mithilfe einer Braillezeile nutzen. Das Computer-Ausgabegerät stellt Zeichen in Brailleschrift dar und wird üblicherweise durch Screenreader angesteuert. Bildquelle: zlikovec – 428299819 / Shutterstock.com

„Barrierefreies Webdesign nach BITV 2.0: Alternativtexte bei Bilder“ weiterlesen

Mobile Accessibility – Richtlinien

In diesem Blogartikel erkläre ich die Richtlinien für Barrierefreiheit bei Responsive Webdesign bzw. Mobile Accessibility. 

Barrierefreies Webdesign – Definition

Barrierefreies Webdesign bedeutet, dass eine Webseite so gestaltet ist, dass sie für alle Menschen, auch für Menschen mit körperlichen Einschränkungen, bedienbar und wahrnehmbar ist.

Hier noch ein Youtube-Video zu barrierefreies Webdesign:

Responsive Webdesign – Definition

Unter einer responsiven Gestaltung einer Internetseite versteht man, dass das Layout der Seite für das Ausgabemedium angepasst wird. Ausgabemedium kann sein: Smartphone, iPhone, Tablet und iPad.

Laptop, Ipad und Smartphone zeigen dass Responsive Webdesign bedeutet, dass eine Webseite für mehrere Ausgabegeräte optimiert ist
Quelle: Rido – 287737622 / Shutterstock.com

„Mobile Accessibility – Richtlinien“ weiterlesen

Barrierefreies Webdesign – Warum ist das für Behörden und Unternehmen im Jahr 2018 wichtig

In diesem Blogartikel möchte darstellen, warum es dieses Jahr für Behörden und Unternehmen wichtig ist, ihre Webseiten barrierefrei zu machen.

Barrierefreies Webdesign – Definition

Barrierefreies Webdesign bedeutet, dass eine Webseite so gestaltet ist, dass diese für alle Menschen, auch für Menschen mit Behinderungen und anderen körperlichen Einschränkungen, bedienbar und wahrnehmbar ist.

„Barrierefreies Webdesign – Warum ist das für Behörden und Unternehmen im Jahr 2018 wichtig“ weiterlesen

Barrierefreiheit bei Tageszeitungen: Stuttgarter Zeitung

In diesem Blogartikel teste ich die Webseite und eine Android-App der Tageszeitung Stuttgarter Zeitung auf Barrierefreiheit.

Barrierefreies Webdesign – Was ist das und nach welchen Richtlinien wird geprüft

Barrierefreiheit in der Informatik oder Accessibility in der Informatik bedeutet, dass Webseiten, Programme und Betriebssysteme so gestaltet sind, dass sie auch von Menschen mit körperlichen Einschränkungen bedient werden können.
Wenn deutsche Webseiten auf Barrierefreiheit geprüft werden, sollte als Richtlinie die BITV 2.0 verwendet werden.

Wie barrierefrei ist die Tageszeitung „Stuttgarter Zeitung“ ?

Ich werde die Webseite  der Tageszeitung „Stuttgarter Zeitung“ auf Bedienbarkeit für verschiedene Behinderungsarten testen.

Startseite der Stuttgarter Zeitung
So sieht die Startseite der Stuttgarter Zeitung aus.

„Barrierefreiheit bei Tageszeitungen: Stuttgarter Zeitung“ weiterlesen

Barrierefreiheit bei Tageszeitungen: Schwäbisches Tagblatt

In diesem Blogartikel teste ich die Webseite und eine Android-App der Tageszeitung Schwäbisches Tagblatt auf Barrierefreiheit.

Barrierefreies Webdesign – Was ist das und nach welchen Richtlinien wird geprüft

Barrierefreiheit in der Informatik oder Accessibility in der Informatik bedeutet, dass Webseiten, Programme und Betriebssysteme so gestaltet sind, dass sie auch von Menschen mit körperlichen Einschränkungen bedient werden können.
Wenn deutsche Webseiten auf Barrierefreiheit geprüft werden, sollte als Richtlinie die BITV 2.0 verwendet werden.

So sieht die Startseite des schwäbisches Tagblatts aus
Startseite Tageszeitung „Schwäbisches Tagblatt“

„Barrierefreiheit bei Tageszeitungen: Schwäbisches Tagblatt“ weiterlesen