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. Er arbeitet als einer der wenigen blinden Experten für Barrierefreiheit. Auf seinem Link Blog http://www.oliveira-online.net/wordpress/index.php/willkommen-auf-der-website-von-domingos-de-oliveira/ schreibt er ü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 manch 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

X

21 Antworten auf “Barrierefrei bloggen auf WordPress”

  1. Liebe Lydia, danke für deinen Artikel! Hab wieder mal einiges gelernt. Auch ich versuche gute Alternative Beschreibungen für Bilder zu liefern. Jetzt werd‘ ich mich mal in nächster Zeit noch mit von dir empfohlenen Plugins zur Barrierefreiheit beschäftigen. Wie es um mein Theme bestellt ist, weiß ich ehrlich gesagt gar nicht. Es gibt sicher noch einiges zu verbessern!
    Als ich einen Kurs zu WordPress gemacht habe, fand ich es sehr bezeichnend, dass der Dozent bei der Erklärung zum Alternativtext sagte „Das braucht man nicht unbedingt ausfüllen. Das braucht man nur für sehbehinderte und blinde Menschen.“ Was ist das denn bitte für ein Argument…?!

    Gefällt 3 Personen

  2. Danke für diesen Artikel! Besonders hilfreich finde ich die Unterschiede zwischen Titel und Alternativtext, bzw. welche Erklärungen Blinden oder Sehbehinderten weiter helfen 🙂 Hatte mich schon gefragt, in welches Feld ich was schreiben soll. Daran, dass für Sehbehinderte andere Hinweise als Blinde hilfreich sind, habe ich gar nicht gedacht. An einiges anderes muss ich mich mal ransetzen, z.B. das Theme meines Blogs. Bin außerdem noch dabei, deinen Blog weiter zu durchstöbern. Tolle Artikel bisher, ich freue mich auf weitere! In meiner nächsten Linkliste zu Inklusion oder Barrierefreiheit werde ich deinen Blog auf jeden Fall weiter empfehlen 🙂

    Gefällt 2 Personen

      1. Danke Dir dass Du Dir trotz allem die Arbeit gemacht hast. Ich freu mich wie irre über jeden Kommentar. So wie ich Deinen Artikel verstanden habe, gehen die Veränderungen für die Barrierefreiheit hauptsächlich erstmal ums Lesen der Artikel oder? Ich bin mir sicher, ich werde Deinen Gastautor mal bemühen müssen. Ich kriege ja noch nicht mal einfache Sachen hin wie mal ein ordentliches Menü zu erstellen 😀

        Gefällt 1 Person

  3. Hallo Lydia! Ich habe gerade begonnen einen Blog zu schreiben, und ein nach Barrierefreiheit gesucht.Da bin ich auf deinen Artikel gestoßen.Vielen Dank für die übersichtliche und gute Einführung! Ich werde gleich die Überschriften überarbeiten und zu den Bildern Beschreibungen hinzufügen! Und mich noch ganuer damit auseinandersetzen. ich hoffe ich bringe etwas zusammen! Liebe Güße aus Wien, Lukas

    Gefällt 1 Person

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s