Umsetzungsbeispiele

Welche Typen von Formaten gibt es?

Die am häufigsten genutzten digitalen Formate sind Webseiten und Dateien wie PDF, Microsoft Word und Microsoft PowerPoint. Auch die quelloffene Software H5P – ein Tool, mit dem auf sehr einfache Art multimediale Materialien (auch im Sinne von OEP/OER) erstellt werden können –  wird immer häufiger genutzt.

Auf der Seite „Grundregeln“ haben Sie bereits kennen gelernt, auf was Sie bei der Erstellung verschiedener Ressourcen zu achten haben.  Es existieren spezielle programminterne Funktionen, eigenständige Tools oder sogar umfangreiche etablierte Testkonzepte, mit denen unterschiedliche Aspekte des jeweiligen Inhalts überprüft werden können. Allerdings gibt es bislang kein automatisches Tool, das alle Aspekte der Barrierefreiheit prüft.

Hier erfahren Sie nun, wie Sie diese konkret bei der Erstellung von Webseiten, in MS Office-Produkten, bei der Erstellung von PDF-Dateien und in H5P anwenden können. Sie erhalten Tipps und Tricks, wie diese Formate möglichst barrierearm erstellt werden können und wo gegebenenfalls Herausforderungen oder gar Grenzen liegen.

MS Office Word:

Das Kompetenzzentrum für digitale Barrierefreiheit hat eine Checkliste erarbeitet, der Sie alle wichtigen Schritte zur Erstellung barrierefreier Dokumente entnehmen können.

Checkliste zu Dokumenten als PDF downloaden (552 KB)

Negativbeispiel:

  • keine Formatvorlagen verwendet: Schriftart, Schriftgröße und Ausrichtung manuell eingestellt
  • keinen Tabulator beim Datum verwendet: Einrückungen mit Leerzeichen vorgenommen
  • Serife Schriftart gewählt
  • viele, zum Teil kontrastarme Farben verwendet
  • viele Textstellen mit fett oder kursiv markiert
  • Ränder oben und unten zu klein eingestellt
  • lange, verschachtelte Sätze benutzt
Screenshot eines MS Office Word-Dokuments. Beim Dokument wurden die Kriterien zur Barrierefreiheit missachtet und es dient als Negativbeispiel.

Foto: ZfL der Universität zu Köln. Screenshot des Negativbeispiels.

Download der MS Office Datei unter: https://zfl-lernen.de/wp-content/uploads/Negativbeispiel-Word.docx

–> Download später löschen

Positivbeispiel:

  • Formatvorlagen verwendet
  • Tabulator für Einrückung verwendet (beim Datum)
  • Schriftart ohne Serife gewählt
  • keine Farben
  • nur wenige Textmarkierungen
  • Ränder oben und unten ausreichend gewählt
  • einfache Sätze verwendet
Screenshot eines MS Offive Word-Dokuments. Das Dokument wurde gemäß den Kriterien zur Barrierefreiheit erstellt und dient als Positivbeispiel.

Foto: ZfL der Universität zu Köln. Screenshot des Positivbeispiels.

Download der MS Office Datei unter: https://zfl-lernen.de/wp-content/uploads/Positivbeispiel-Word.docx

MS Office PowerPointPräsentation:

Das Kompetenzzentrum für digitale Barrierefreiheit hat eine Checkliste erarbeitet, der Sie alle wichtigen Schritte zur Erstellung barrierefreier Präsentationen entnehmen können.

Checkliste zu Präsentationen als PDF downloaden (316 KB)

PDF Erstellung:

Das Kompetenzzentrum für digitale Barrierefreiheit hat eine Checkliste erarbeitet, der Sie alle wichtigen Schritte zur Erstellung barrierefreier Präsentationen entnehmen können.

Checkliste zu PDFs als PDF downloaden (737 KB)

Colour Contrast Analyser

Mit solch einem Tool können Sie das Kontrastverhältnis zwischen mehreren Farben auf Barrierefreiheit überprüfen. Ein Colour Contrast Analyser gibt konkrete Werte zur Barrierefreiheit an, um so beispielsweise Personen, die an Farbenblindheit oder einer Sehbehinderung leiden, Zugang zu digitalen Inhalten zu ermöglichen. Bestimmte Tools beziehen zudem Schriftgröße und Schriftschnitt in ihre Berechnung mit ein.

Beispiele für Colour Contrast Analysers finden Sie unter

Browser-Erweiterungen

Es gibt Erweiterungen für Browser, mit denen einzelne oder mehrere Aspekte der Barrierefreiheit schnell und automatisch geprüft werden können. Die Prüfung erfolgt dabei direkt im Browser. Nachfolgend werden einige Browser-Erweiterungen für Barrierefreiheit beschrieben.

Accessibility Insights für Chrome und Edge

Mit Accessibility Insights können einzelne Aspekte der Barrierefreiheit schrittweise mittels deklarierter Prüfkriterien untersucht werden. Bei der Überprüfung werden Fehler visuell dargestellt.

HeadingsMap für Firefox und Chrome

HeadingsMap zeigt die Hierarchie der Überschriften auf einer Seite an. Auf diese Weise kann schnell erkannt werden, ob die Struktur sinnvoll ist und die einzelnen Überschriften richtig formatiert sind.

Landmark Navigation für Firefox und Chrome

Mit Landmark Navigation lässt sich mittels Tastatur oder eines Pop-Up-Menüs überprüfen, ob bestimmte Sektionen einer Webseite, wie die Suche, verschiedene Arten von Menüs oder der Hauptinhalt, korrekt ausgezeichnet sind. Solche Sektionen, auch Landmarks genannt, helfen insbesondere Nutzerinnen und Nutzer eines Screenreaders dabei, nur einzelne Bereiche einer Webseite anzusteuern, anstatt die komplette Seite lesen zu müssen.

Wave für Firefox, Chrome und Edge

Mit Wave können Internetseiten auf eine Reihe von Barrierefreiheitsregeln geprüft werden. Die Fehler werden mit Erklärungen anzeigt. Je nach Art des Fehlers sind jedoch HTML-Kenntnisse erforderlich. Mit dieser Erweiterung können u. a. auch Intranetseiten sowie passwortgeschützte oder dynamische Webseiten untersucht werden.

Web Developer Toolbar für Firefox, Chrome und Opera

Die Web Developer Toolbar bietet eine Reihe nützlicher Funktionen zur Zugänglichkeitsprüfung wie das Anzeigen von Alternativtexten oder Title-Attributen. Des Weiteren hilft sie beim Validieren des HTML-Codes sowie bei der Fehlerbehebung bei Formularen.

Eine umfassende Liste über verschiedene Prüfwerkzeuge finden Sie auf der Seite des BIK BITV-Test.

Mechthild Wiesmann
en_USEnglish
de_DEDeutsch en_USEnglish