Barrierefreiheit ist ein wichtiges Ziel, nicht nur, aber gerade auch bei der Erstellung von OER.
Was nützen Lehr- und Lernmaterialien, die selbstverständlich FAIR und offen für alle publiziert wurden, wenn sie nicht ebenso selbstverständlich von allen benutzbar sind? Was genau “barrierefreies Publizieren” ausmacht, steht zum Beispiel auf dieser Webseite der Europäischen Union: https://op.europa.eu/en/web/accessibility Wir haben uns bemüht, den Standard AA (WCAG 2.2 AA) so gut wir konnten umzusetzen. Vielleicht sind wir nicht ganz barrierefrei – aber barrierefreier….
Was bedeutet das?
Wir hatten uns auf die folgenden Ziele verständigt:
LEGO® is a trademark of the LEGO Group, which does not sponsor or endorse this material.
Video – Untertitel und Transkripte
Untertitel machen Videos u. a. zugänglich für Menschen, die den Ton eines Videos nicht hören können (oder wollen – manchmal sind auch Hörende nicht in Situationen, wo der Ton eines Videos einfach losquäken kann.)
Transkripte machen Videos darüber hinaus auch zugänglich für Menschen, die ein Video nicht sehen können, da sie sich über verbreitete Text-to-Speech-Funktionen vorlesen lassen. Zugleich ermöglichen Sie es, Inhalte nach Begriffen zu durchsuchen und machen es leichter, bestimmte Informationen zu extrahieren oder die relevante Stelle wiederzufinden.
Zuguterletzt vereinfachen beide Formen der Verschriftlichung die Übersetzung in weitere Sprachen.
H5P
Unsere Selbstlernkurse (im html-basierten Format H5P Portfolio) enthalten möglichst nur Aktivitäten, die vom H5P-Entwicklerteam als “barrierefrei” eingestuft wurden, d.h. die sich mit der Tastatur steuern lassen und Screenreader-kompatibel sind: https://help.h5p.com/hc/en-us/articles/7505649072797-Content-types-recommendations Wo einzelne Kursersteller:innen sich trotzdem für Aktivitäten entschieden haben, die noch nicht auf ihre Barrierefreiheit evaluiert wurden, haben wir darauf geachtet, dass sie nur zur Illustration dienten und nicht die einzige Möglichkeit waren, die so transportierten Informationen zu erhalten.
Bildbeschreibungen
Wir haben uns um aussagekräftige Bildbeschreibungen für alle Abbildungen, Diagramme oder Grafiken bemüht – selbst wenn es sich nur um “dekorative” Elemente handelte. Allerdings erlaubt H5P nur eine begrenzte Anzahl Zeichen für Bildbeschreibungen.
Wenn zum Beispiel Tabellen aus gestalterischen Gründen in einem anderen Programm gestaltet und dann als Bilddatei eingebettet wurden, hätte regulärer Alt-Text zumeist nicht ausgereicht.
Für solche Fälle haben wir den Inhaltsteam “Accordion” benutzt, um “Accessibilty information” einzufügen. Klappt man die Überschrift aus, kommt eine ausführliche Beschreibung zum Vorschein. Sehende Menschen, aber auch Personen, die auf screen-reader angewiesen sind, können nach dem Lesen der Überschrift entscheiden, ob sie die Beschreibung ausklappen oder verborgen lassen wollen.
Hyperlinks
Ich habe mir schon lange abgewöhnt, Hyperlinks bspw. die URL von DOIs oder Webseiten, hinter anderslautendem Text zu verbergen.
Es ist eine sehr verbreitete und sehr schlechte Angewohnheit, “klicken Sie hier” zu schreiben und den Link hinter das Wort “hier” zu setzen. Oft hat man keine (oder begrenzte) Möglichkeit zu sehen, wohin der Link führt, kann also auch nicht entscheiden, ob man die Seite aufrufen möchte.
Viel ehrlicher ist es, beispielsweise zu schreiben “öffnen Sie die WiNoDa-Webseite DOPPELPUNKT” und dann die verlinkte URL auszuschreiben. Link und verlinkte URL stimmen überein, und für den Fall, dass der Verweis veraltet ist – Linkrot ist ein reales und weit verbreitetes Problem – bleibt eine URL, von der man ungefähr weiß, wann sie zuletzt funktioniert hat, und kann über die Wayback-Machine des Internet Archives (https://web.archive.org/) versuchen, die gewünschten Informationen aufzurufen.
Bonuspunkte, wenn man als Autor:in daran denkt, die zitierte Webseite oder Ressource in der Wayback Machine zu sichern, bevor man sie verlinkt.
Farben und Kontraste
Unsere Präsentationsvorlagen sind in Layout und Farben so entworfen worden, dass Farben und Kontraste für Menschen mit verschiedenen Sehschwächen gut unterscheidbar sein sollten. Es gibt dafür verschiedene Tools online, z. B. https://barrierefreies.design/werkzeuge/kontrastrechner-fuer-farben#070a39-ffc830 . Das PowerPoint-Plugin “BrightSlide” (https://www.brightcarbon.com/blog/free-color-contrast-checker-for-powerpoint/) ist ebenfalls hilfreich.
Außerdem haben wir versucht, Informationen nicht ausschließlich über Farben zu transportieren. Das klassische Beispiels ist eine Ampelcodierung, bei der rot für “falsch” oder grün für “richtig” steht. Es ist ein leichtes, das “grün” mit einem Haken und das rot mit einem Kreuz zu ergänzen, die die intendierte Information nicht nur verstärken, sondern auch in Grautönen transportieren können. Wie so oft, profitieren davon alle Nutzer:innen, denn vielleicht wird das Material ja in schwarz-weiss ausgedruckt?
Das gilt auch für unsere Personas – in den Dialogen, die den Großteil unserer Inhalte als Frage-Antwort-Spiel transportieren, ist jeder Persona eine Farbe zugeordnet, die in der Kleidung, im Bildrahmen und in der Textfarbe aufgenommen wird. Zugleich wird jeder Sprecherwechsel durch ein Bild der Persona angekündigt, so dass man auch ohne die Farbcodierung des Textes über das Bild (oder die Bildbeschreibung) weiss, wer gerade spricht.
Zusammenfassung
Dies sind einige der wichtigsten Beispiele. Ich bin zwar sicher, dass wir noch einiges vergessen haben, und noch viel zu verbessern wäre, aber zumindest haben wir uns bemüht, und mit zunehmender Aufmerksamkeit für das Thema wachsen und verfestigen sich Gewohnheiten. Fand ich es früher aufwendig, Bildbeschreibungen zu machen, zwingen sie mich jetzt, genau zu entscheiden, welche Information bspw. eine Abbildung eigentlich transportieren soll – und zu prüfen, ob sie das tatsächlich leistet. §Zudem ist, wie so oft, nicht nur der Personengruppe geholfen, die darauf angewiesen ist – auch alle anderen profitieren davon, Texte lesen (statt hören) oder durchsuchen zu können, Materialien auch in Schwarz-Weiß-Ausdrucken verständlich erfassen zu können oder kaputte Links auch nach Jahren wieder nachvollziehen zu können.
Nützliche Hinweise und Tools zur Barrierefreiheit:
Barrierefreiheit allgemein:
https://www.youtube.com/playlist?list=PLT5rARDev_rlXFW_OfOXbgJ1TvUCSNe_6
https://op.europa.eu/en/web/accessibility
Web Content Accessibility Guidelines (auch h5p):
https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html
https://www.w3.org/TR/WCAG21/
https://help.h5p.com/hc/en-us/articles/7505649072797-Content-types-recommendations
PDF:
https://pdfa.org/resource/pdfua-kompakt/
https://www.bundesfachstelle-barrierefreiheit.de/DE/Fachwissen/Informationstechnik/Barrierefreie-PDF/barrierefreie-pdf.html
https://pac.pdf-accessibility.org/de
https://hochschulforumdigitalisierung.de/barrierefreie-dokumente-mit-markdown-latex-und-pdf-erstellen/
https://tu-dresden.de/tu-dresden/ressourcen/dateien/arbeitsgruppe-studium-fuer-blinde-und-sehbehinderte/anleitungen-word-powerpoint/Word_DE_20210201.pdf?lang=de
PowerPoint:
https://barrierefreiheit.hdm-stuttgart.de/
Farbkontrast:
https://www.npridik.de/farbkontraste-checken-cca/
Bilder / Farbenf-Fehlsichtigkeit ("Farbenblindheit") simulieren
https://barrierefreies.design/werkzeuge/kontrastverhaeltnis-von-farben-pruefen
Farbauswahl
https://www.npridik.de/farbbarrieren-auf-powerpoint-folien-abbauen/
Tools:
https://www.brightcarbon.com/blog/free-color-contrast-checker-for-powerpoint/
https://apps.microsoft.com/detail/9p198gcw02l1?hl=de-DE&gl=DE
Datenvisualisierung (Charts, Grafiken)
https://chartability.fizz.studio/
Als wissenschaftliche Mitarbeiterin am DAI bin ich bei WiNoDa hauptsächlich für die Erstellung von Selbstlern-Kursen zur fachspezifischen Datenkompetenz zuständig.
Praxisorientiert und interaktiv – mein Ziel ist: weniger Fachjargon, mehr Aha-Effekt.
Denn Daten sind für alle da!