Bilder für Blinde zugänglich machen

Lydia Hält lächelnd einen Käsekuchen hoch

Neulich schickte mir eine Freundin auf Facebook ein Foto. Die Absenderin wusste, dass ich blind bin. Dennoch kam dieses Bild ohne jegliche Beschreibung zu mir.

In früheren Beiträgen habe ich bereits beschrieben, wie blinde Nutzer den PC oder das Smartphone nutzen. Auch diese technischen Hilfsmittel haben Grenzen. Beispielsweise bei einem Text, der in ein Bild eingebettet ist. Mein Screen Reader erkennt ein Bild. Und vielleicht auch noch Bruchteile des Textes. das war es dann auch schon. Ich kann also nicht, wie ein sehender Nutzer, innerhalb von Sekunden erfassen was ich da bekommen habe, sondern muss einigen Aufwand betreiben. Ich kann z. B. das Bild durch ein Programm zur Texterkennung schicken, und versuchen den Text aus dem Bild erkennen zu lassen. Wenn das Foto gut gemacht ist, und der Kontrast stimmt, dann geht es. Aber bei vielen Fotos, an denen sich ein Grafikdesigner bei den Lichteffekten ausgetobt hat, geht das nicht.

Immer wieder erreichen mich Fotos, die nicht beschriftet sind. Und das von Menschen, denen meine Sehbehinderung bekannt ist. Ein Absender, den ich darauf aufmerksam machte, empfahl mir, dass meine Kinder mir den Text ja vorlesen könnten. Hallo, geht’s noch? In meinem Facebook Account hat niemand anderes was verloren. Und schon gar nicht in meinen persönlichen Nachrichten. Auf die Frage, ob er sich seine Liebesbriefe auch von einer dritten Person vorlesen lassen würde, bekam ich keine befriedigende Antwort.

So, genug gemeckert. Jetzt habe ich einige Anregungen, wie es besser geht. Denn es ist nicht sehr aufwändig blinde Menschen am bildlichen Geschehen teilhaben zu lassen. das geht mit einfachen Bordmitteln.

Text als Bild

So sieht das Foto aus, welches ich zu Beginn dieses Beitrags erwähnt hatte. Ich hätte den Inhalt selbst lesen können, wenn die Nachricht als Text zu mir gekommen wäre. Nämlich so:

„Hey, eine Frage an Dich… Kennst Du den wunderbarsten Menschen der Welt? Kennst Du die wertvollste Person, die es gibt? Kennst Du den Menschen, der einfach unersetzbar ist? nein? Na dann guck aber mal ganz schnell in den Spiegel!!! Jaa, ich meine DICH!!! Schicke das an jeden, deren Freundschaft dir etwas bedeutet, auch an mich. Bekommst du sie nur einmal zurück, bist du kein guter Freund, bekommst du sie mehr als dreimal bist du ein echter Schatz!“

Text auf einem Bild

Das ist ein Text, den alle Screen Reader sofort auslesen können. Und das in Echtzeit.

Bilder als Anhang einer E-Mail

Ein Foto, das auf dem PC gespeichert wird, hat einen Namen. Dieser lässt sich ändern. Aus einem kryptischen Namen, der gern vom System vergeben wird, kann man eine Beschreibung machen. Diese könnte beispielsweise „Lydia hält lächelnd einen Käsekuchen.jpg“ heißen. Unter diesem Namen habe ich das Beitragsfoto abgespeichert. Bekomme ich ein so beschriebenes Bild, kann ich es mit eben diesem Namen abspeichern, und später wiederfinden. Auch wenn mehrere Bilder in derselben E-Mail kommen. Problematisch wird es, wenn die Beschreibung nicht im Dateinamen steckt, sondern im Text der E-Mail. Dann ist es für mich unmöglich die Beschreibung dem entsprechenden Bild zuzuordnen.

Gleiches gilt, wenn ich Bilder auf einem USB-Stick, oder anderem Medium bekomme. Haben die Dateinamen keine Beschreibung, kann ich alleine nichts damit anfangen.

Grafiken und Fotos beschriften

Screen Reader können Grafiken zwar als solche ausmachen, jedoch nicht beschreiben. Daher ist es wichtig, dass diese mit einem aussagekräftigen Text hinterlegt werden.

In vielen Blogs, die ich verfolge, sehe ich viele Fotos, die wichtig für den Kontext sind, jedoch keinerlei Beschriftung aufweisen. Dabei gibt es die Felder für Beschreibung und Alternativtext, die von Programmen, die blinde Leser benutzen, ausgelesen werden können. Und nicht nur WordPress bietet gute Möglichkeiten, Bilder mit alternativen Beschreibungen zu versehen. Das ist wichtig für Blinde oder Sehbehinderte, die das Bild nicht sehen oder nicht erkennen können.

Die Optionen zur Bildbeschreibung werden in der Mediathek in der rechten Spalte angezeigt. Ist das Bild ausgewählt, könnt ihr Alternativtext oder Titel festlegen.

Der Alternativtext wird Blinden vorgelesen. Der Titel wird angezeigt, wenn ihr mit dem Mauscursor über das Bild fahrt. Er richtet sich also eher an Sehbehinderte. Alternativtext und Titel dürfen identisch sein, da die Hilfssoftware von Blinden jeweils nur eines von beidem vorliest. Allerdings schlagen Plug-Ins wie Access Monitor an, wenn die beiden Texte gleich sind. Das Tool geht in solchen Fällen davon aus, dass die Felder automatisch befüllt wurden.

Als Faustregel gilt: Blinde können das Bild nicht sehen und benötigen grundlegende Infos: Was ist überhaupt auf dem Bild zu sehen. Zum Beispiel „Das Diagramm zeigt die Geschäftsentwicklung 2015“. Die Werte dazu sollten natürlich in einer Tabelle oder im Fließtext stehen. Sehbehinderte haben eventuell Probleme, den Bild-Inhalt zu erkennen, ihnen hilft daher eine allgemeinere Beschreibung des Bildaufbaus. Zum Beispiel: „Das Säulendiagramm zeigt die Geschäftsentwicklung des Jahres 2015, die einzelnen Säulen bilden die Monate ab“. .

Ich habe von vielen Bloggern gehört, dass auf Seminaren vermittelt wird, dass diese Felder unwichtig sind, und daher ruhig ignoriert werden können. Ich hoffe, dass auch zu diesen Seminarleitern durchdringt, dass auch blinde und sehbehinderte Nutzer im Internet unterwegs sind.

Was heißt ein Foto beschreiben?

Die Beschreibung eines Fotos sollte kurz und aussagekräftig sein. Wer macht was, womit und wo. Evtl. könnte auch der Gesichtsausdruck wichtig sein. Für sehende Nutzer mag das absolut unwichtig sein. Für uns blinde Leser jedoch ist das sehr wichtig, um am bildlichen Geschehen teilhaben zu können.

Also, liebe Versender von nicht beschrifteten Bildern!
Wenn Ihr wollt, dass der Empfänger Eure Nachricht auch wahrnehmen kann, dann beschriftet oder beschreibt Eure Bilder entsprechend. Dann hat der Empfänger die Wahl das Bild weiterzuschicken, abzuspeichern, oder ins Nirwana zu befördern. Auf jeden Fall aber kann er dies selbständig tun. Bei Fotos, die ohne Beschriftung kommen, weiß man nicht, ob sie doch eine wichtige Information enthalten. Meine persönliche Lösung dafür ist, dass Fotos, die von Leuten kommen, die mir nur selten etwas schicken, direkt und kommentarlos gelöscht werden, erst recht, wenn sie wissen, dass ich das Foto nicht sehen kann.

Tja, und wenn Ihr wirklich nicht wisst, wie Ihr das machen könnt, dann fragt den Empfänger doch einfach wie er oder sie es gerne hätte. Denn mein Beitrag stellt nur einige Anregungen vor, und erhebt keinen Anspruch auf Vollständigkeit.

In diesem Sinne wünsche ich Euch eine bildschöne Zeit.

Eure Lydia

Barrierefrei bloggen auf WordPress

Seit ich einen eigenen Blog betreibe, beschäftigt mich das Thema Barrierefreiheit immer wieder. Durch meine Arbeit lerne ich stets interessante Blogger kennen, deren Beiträge ich gerne verfolge, liken oder kommentieren würde. Ein Blog, der mehr Bilder als Text beinhaltet, ist für mich quasi nicht wahrnehmbar. Ein Beitrag, der durch ein grafisches Captcha geschützt ist, kann von mir nicht kommentiert werden. Und ein Beitrag, der so richtig schön kontrastarm gestaltet ist, mag für normal sehende Leser wunderschön aussehen. Für Leser mit einer Sehbehinderung ist es nur anstrengend. Als blendempfindliche Leserin kann ich ein Lied davon singen.
Ich weiß, dass hier kein böser Wille dahinter steckt, sondern einfach Unwissenheit über unseren Personenkreis. Daher möchte ich versuchen etwas Licht ins Dunkel zu bringen.
Auf meine Nachfrage hin hat Domingos de Oliveira mir den folgenden Text zur Verfügung gestellt. Er arbeitet als Dozent, Berater und Speaker zur digitalen Barrierefreiheit. Als einer der wenigen blinden Experten für Barrierefreiheit schreibt er
auf seinem Blog über Blindheit und Technologie.

WordPress ist sicherlich das beliebteste Blogging-System überhaupt. Ganz nebenbei hat es sich auch für viele Website-Anbieter zum bevorzugten Redaktionssystem entwickelt. In diesem Artikel erkläre ich, wie man mit WordPress barrierefreier werden kann.

Die Wahl des Themes
WordPress lässt sich als Framework betrachten, das sich an unterschiedliche Ansprüche anpassen lässt. Das gilt insbesondere für das Layout. Die Wenigsten werden sich mit den Standard-Themes von WordPress begnügen. Sie sind allerdings relativ barrierefrei. Bei Pressengers findet ihr eine Auswahl barrierefreier Themes.
Bei Themes von Dritt-Anbietern müsst ihr selbst prüfen, ob sie barrierefrei sind. Ist euch eine Website bekannt, die das Theme bereits einsetzt, könnt ihr diese automatisch mit einem Tool wie WAVE oder manuell mit einem Prüfverfahren
wie dem BITV-Test prüfen. Fragt ruhig auch bei dem Entwickler nach, ob das Theme barrierefrei ist. Vor allem, wenn das Theme kostenpflichtig ist, sollte der Entwickler solche Anforderungen berücksichtigen. Außerdem schafft ihr so ein Bewusstsein dafür, dass eine Nachfrage nach barrierefreien Themes besteht.
Entwickelt ihr selber ein Theme, bietet WordPress selbst Infos zur Barrierefreiheit. Den Link findet ihr am Ende des Artikels.

Texte
Der WordPress-Texteditor TinyMCE bringt leider nicht alle nötigen Funktionen zur barrierefreien Texterstellung mit. Es fehlen zum Beispiel Befehle für Zwischenüberschriften oder Abkürzungen. Die Auszeichnung von Zwischenüberschriften, Listen und weiteren Elementen erleichtert es Blinden zu erkennen, welche Aufgabe das Element hat. Ihr seht einen fett gedruckten und abgesetzten Text und wisst, dass das eine Zwischenüberschrift ist. Blinde nehmen das nicht wahr. Für ihre Hilfssoftware wird die Information, welche Aufgabe ein Stück Text hat, über HTML-Auszeichnungen vermittelt. Außer Zwischenüberschriften können auch Listen, Zitate sowie Abkürzungen ausgezeichnet werden.
Um diese Auszeichnungen mit einem grafischen Editor zu erstellen, benötigt ihr das
Plugin TinyMCE Advanced.
Wenn ihr ein wenig HTML beherrscht, benötigt ihr keinen weiteren Editor. Schaltet den Texteditor auf HTML um und gebt die entsprechenden Auszeichnungen händisch ein. Die wenigen Auszeichnungsbefehle sind schnell erlernt.

Bilder
WordPress bietet gute Möglichkeiten, Bilder mit alternativen Beschreibungen zu versehen. Das ist wichtig für Blinde oder Sehbehinderte, die das Bild nicht sehen oder nicht erkennen können.
Die Optionen zur Bildbeschreibung werden in der Mediathek in der rechten Spalte angezeigt. Ist das Bild ausgewählt, könnt ihr Alternativtext oder Titel festlegen.
Der Alternativtext wird Blinden vorgelesen. Der Titel wird angezeigt, wenn ihr mit dem Mauscursor über das Bild fahrt. Er richtet sich also eher an Sehbehinderte. Alternativtext und Titel dürfen identisch sein, da die Hilfssoftware von Blinden jeweils nur eines von beidem vorliest. Allerdings schlagen Plugins wie Access Monitor an, wenn die beiden Texte gleich sind. Das Tool geht in solchen Fällen davon aus, dass die Felder automatisch befüllt wurden.
Als Faustregel gilt: Blinde können das Bild nicht sehen und benötigen grundlegende Infos: Was ist überhaupt auf dem Bild zu sehen. Zum Beispiel „Das Diagramm zeigt die Geschäftsentwicklung 2015“. Die Werte dazu sollten natürlich in einer Tabelle oder im Fließtext stehen. Sehbehinderte haben eventuell Probleme, den Bild-Inhalt zu erkennen, ihnen hilft daher eine allgemeinere Beschreibung des Bildaufbaus. Zum Beispiel: „Das Säulendiagramm zeigt die Geschäftsentwicklung des Jahres 2015, die einzelnen Säulen bilden die Monate ab“. .

Plugins
Zuletzt möchte ich noch auf ein paar Plugins hinweisen, die eventuell hilfreich sind. Wer diese Plugins installiert, ist sicher nicht barrierefrei, umgekehrt muss man diese Plugins nicht installieren, um barrierefrei zu werden. Ich zeige lediglich, welche Möglichkeiten es gibt.Von allen genannten Plugins gibt es kostenlose Varianten. ReadSpeaker integriert eine Vorlesefunktion für eure Webseite. Die Sprachmelodie ist eher gewöhnungsbedürftig, es mag aber für manchen Lese- oder Sehbehinderten hilfreich sein. Es gibt eine kostenlose und eine kostenpflichtige Variante. Die kostenlose Variante ist beschränkt, was die Zahl der vorgelesenen Artikel angeht. Außerdem stehen weniger Optionen zur Verfügung. Der IT-Nachrichtendienst Heise Online bietet eine ähnliche Vorlesefunktion, ihr könnt sie dort ausprobieren.
Hurraki ist ein Wörterbuch, das Alltagsbegriffe in einfacher Sprache erläutert. Das
Plugin hurrakify ermöglicht es, sich zu einzelnen Begriffen aus einem Text Erläuterungen aus Hurraki anzeigen zu lassen. ,
Der
Access Monitor prüft eure WordPress-Inhalte auf Barrierefreiheit. Wie alle automatischen Testtools benötigt man Erfahrung mit digitaler Barrierefreiheit oder viel Zeit, um die einzelnen Fehlermeldungen nachvollziehen zu können. Das Tool kann euch auch nicht sagen, ob Bilder einen sinnvollen Alternativtext haben, das müsst ihr selbst entscheiden. Auch hier handelt es sich um ein Freemium-Modell. Es gibt eine kostenlose sowie eine kostenpflichtige Variante.
WP Accessibility rüstet eine Textvergrößerungsfunktion sowie eine Kontrastansicht für WordPress nach. Solche Funktionen waren früher der letzte Schrei in Barrierefreiheits-Kreisen, gelten aber seit einigen Jahren als unerwünscht. Es wird argumentiert, dass die Betriebssysteme, die Browser und die Hilfstechnik diese Aufgaben besser lösen als die fehleranfälligen Webseiten-Funktionen. Das ist sicherlich korrekt, aber es gibt tatsächlich noch Menschen, die nicht wissen, wie sie Text vergrößern oder eine kontrastreiche Ansicht aktivieren und sie sind dankbar für diese kleinen Hilfen. Und die Anderen nehmen auch keinen Schaden, solange die Regeln der Barrierefreiheit bei der Themegestaltung berücksichtigt wurden.

Zum Weiterlesen