Page History

Inhaltstypen, die hier nicht aufgeführt

Screenreadernutzung

• Wenn bei interaktiven Elementen automatisch gestoppt wird, funktioniert das Zusammenspiel mit Player gut. Die meisten interaktiven Elemente besitzen einen „Fortfahren“-Button. 
• Bei Textfeldern funktioniert das Zusammenspiel zwischen Player und interaktivem Element unbefriedigend, vor allem, wenn sie nicht automatisch stoppen. Dann übersieht man das Element leicht.
• Wenn nicht automatisch gestoppt wird, ist es umständlich, in das Element und zurück zum Player zu gelangen.
• Bei Verzweigungen/Crossroads springt der Fokus nach der Auswahl einer Alternative nicht direkt auf den Play-Button, womit das Video fortgesetzt werden kann. Dieser muss erst gefunden werden.
• Der Fokus kann ohne Hinweis das H5P-Element verlassen und auf die Ebene des Lernmanagementsystems wechseln.
• Bei der Anzeige des Gesamtergebnisses am Ende des Videos sagt der Screenreader die erreichte Punktzahl nicht an. 
• Es hängt von den interaktiven Elementen ab, ob das interaktive Video vollständig bedient werden kann.

Tastaturbedienung

• Wenn bei interaktiven Elementen nicht automatisch gestoppt wird, sind diese mit der Tastatur nur über Umwege zu erreichen. (Video stoppen, zurück mit Tabtaste).
• Wenn ein Textfeld erscheint, wechselt der Fokus nicht direkt ins Textfeld wie bei anderen interaktiven Elementen, auch wenn automatisch Stoppen eingestellt ist.
• Das Springen zu interaktiven Elementen ist nur über das Lesezeichen möglich.
• Es hängt von den interaktiven Elementen ab, ob das interaktive Video vollständig bedient werden kann.

Vergrößerung

• Die Information, welche Alternative beim Crossroad ausgewählt wurde, wird nur über Farbe vermittelt und ist nur schwer zu erkennen.
• Der Fokusindikator in einigen interaktiven Elementen ist schwach. Besonders Textfelder werden leicht übersehen.

Sprachsteuerung

Es hängt von den interaktiven Elementen ab, ob das interaktive Video vollständig bedient werden kann.

Hinweis für Lehrende zum barrierefreien Einsatz

• Stellen Sie sicher, dass das Video automatisch pausiert, wenn ein interaktives Element erreicht wird.
• Kennzeichnen Sie interaktive Elemente als Lesezeichen.
• Achten Sie darauf, dass interaktive Elemente für Screenreader und andere asssistive Technologien zugänglich sind. Lesen Sie die Testergebnisse zu den verschiedenen H5P-Elementen auf dieser Seite.
• Vermeiden Sie die Verwendung zu komplexer interaktiver Elemente, da diese für Nutzende mit assistiven Technologien anstrengend sein können.
• Verwenden Sie klare Beschriftungen, um die Orientierung im Video und den interaktiven Elementen zu erleichtern.
• Achten Sie darauf, dass alle visuellen Elemente ausreichende Farbkontraste haben und stellen Sie aussagekräftige Alternativtexte für Bilder bereit, wenn die interaktiven Elemente Bilder enthalten.
• Bieten Sie passende Untertitel für Schwerhörige und Gehörlose sowie eine Fassung mit einer Audiodeskription für Sehbehinderte und Blinde an.

Lizenzhinweis: „Interactive Video/Interaktives Video. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2024“, CC BY 4.0

Sprachsteuerung

• Bei Audios, die nicht automatisch starten, kann der Play-Button nicht angesteuert werden.
• Der Vollbildmodus kann nicht aktiviert werden.
• Es werden auch nicht bedienbare Elemente mit elementsteuernden Zahlen belegt.

Vergrößerung und Kontraste

• Der Vollbildmodus ist kein echter Vollbildmodus, da das Bild nicht den ganzen Bildschirm einnimmt.
• Der Fokus des Buttons zum Schließen der Fenster ist nicht kontrastreich genug.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Hintergrundbild mit einem aussagenkräftigen Alternativtext versehen.
• Wenn Bilder für Hotspots benutzt werden, müssen sie mit einem aussagekräftigen Alternativtext versehen werden.
• Wenn Videos für Hotspots benutzt werden, müssen Untertitel hinzugefügt werden.
• Für Audios „automatisch starten“ aktivieren, damit sie von der Sprachsteuerung bedient werden können.
• Das Element hat Grenzen für Studierende mit Sehbeeinträchtigungen. Wenn die Position der Hot Spots auf dem Bild wichtig ist, muss sie im Hot Spot erklärt werden.
• Die Reihenfolge, in der die Hot Spots mit der Tastatur und dem Screenreader angesteuert werden, kann nicht beinflusst werden. Es ist deshalb nicht möglich, mit der Tastatatur oder dem Screenreader einer dem Bild entsprechenden Reihenfolge zu folgen (z.B. entlang eines Pfads oder Tagesablauf). Wenn das wichtig ist, muss eine alternative Lösung gefunden werden, z.B. eine lineare Darstellung in Form einer Liste.

Lizenzhinweis: „Hot Spot. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

• Es können keine echten Alternativtexte eingegeben werden. Die Beschreibungen müssen in die Bildunterschriften oder als Audiofiles geliefert werden.

Tastaturbedienung

• Man bewegt sich mit Pfeiltasten durch die Bilder und aktiviert ein Bild durch die Space- oder Enter-Taste. Das aktivierte Bild wird mit den Pfeiltasten verschoben und mit der Enter-Taste an der ausgewählten Stelle platziert.

Sprachsteuerung

• Das Element kann mit der Sprachsteuerung nicht bedient werden.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Die Benutzung des Elements wird nicht empfohlen, wenn Studierende in der Lerngruppe sind, die den Computer mit Sprachsteuerung bedienen. Wenn kein anderes Format für die ganze Gruppe möglich ist, muss eine alternative Umsetzung für diese Studierenden gefunden werden.
• Da für die Bilder keine Alternativtexte eingegeben werden können, muss dafür die Bildunterschrift genutzt werden. Alternativ ein Audiofile hochgeladen werden. Die Bildbeschreibung müssen die notwendigen Informationen liefern, die für die Erfüllung der Aufgabe wichtig sind.

Lizenzhinweis: „Image Sequencing / Fotos sortieren. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

• Die Timeline ist für Screenreader nicht sinnvoll nutzbar, da die Informationen in einer unverständlichen Reihenfolge präsentiert werden, die es nicht zulässt, die Jahreszahlen und Ereignisse auf der Zeitleiste den Informationen darüber zuzuordnen.
• Die Jahreszahlen der Zeitleiste sind für Screenreader falsch gruppiert: Sie werden erst nach den 10er Abschnitten gruppiert (2010, 2020), es folgen die restlichen Jahreszahlen zwischen den 10er Schritten (2011, 2012... 2019). Hier sind auch die Epochen eingruppiert. Eine Epoche, die für 2020-2022 definiert wurde, wird zwischen 2021 und 2022 eingefügt. Welchen Zeitraum Epochen umfassen, ist nur visuell sichtbar.

Tastaturbedienung

Barrieren

• Die Buttons „zurück zum Anfang“, „Vergrößern“ und „Verkleinern“ sind nicht erreichbar.
• Der Tastaturfokus für den Button „Vollbildmodus“ ist kaum sichtbar.

Hinweise zur Nutzung

• Man bewegt sich auf der Zeitleiste mit den Pfeiltasten von Datum zu Datum. In die oberen Informationen lässt sich mit der Tastatur nicht springen, sie sind aber sichtbar.

Sprachsteuerung

• Die Timeline ist nur teilweise mit der Sprachsteuerung zu bedienen. Einzelne Ereignisse lassen sich nur durch die Nennung der elementstrukturierenden Zahlen ansteuern, vorwärts- oder rückwärts-Befehle funktionieren in der Timeline nicht. Die Jahreszahlen haben zwar elementstrukturierenden Zahlen, lassen sich aber nicht aktivieren.
• Die Buttons „zurück zum Anfang“, „Vergrößern“ und „Verkleinern“ sind nicht erreichbar.

Kontraste

• Die Farben und Schriften der Epochen sind nicht kontrastreich genug.
• Die Schrift in den Ereignissen ist eine Serienschrift, die nicht den Barrierefreiheitsanforderungen entspricht. Empfohlen werden serifenlose Schriften.
• Die Farben und Schriften sind vorgegeben und lassen sich von Autorinnen und Autoren nicht verändern.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Aufgrund der zahlreichen Barrieren raten wir vom Einsatz der Timeline derzeit ab.
• Alternativ lässt sich das Agamotto einsetzen.

Lizenzhinweis: "Timeline/Zeitleiste. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

Navigation via Pfeiltasten von Panelüberschrift zu Panelüberschrift, Auf- und Zuklappen mit mit Tab- oder Space-Taste.

Tastaturbedienung

Barrieren

• Ist ein Panel geöffnet, liegt der Fokus auf der Panelüberschrift. Dann ist Scrollen innerhalb des Textes mit den Pfeiltasten nicht möglich. Dadurch kann es passieren, dass längere Texte nicht vollständig auf dem Bildschirm sichtbar sind.
• Ausnahme: wenn Linktexte oder andere fokussierbare Elemente im Text sind.

Hinweise für die Nutzung

• Navigation via Pfeiltasten von Panelüberschrift zu Panelüberschrift, Auf- und Zuklappen mit Tab- oder Space-Taste. 
• Bei längeren Texten innerhalb des Akkordeons muss man evtl. mit der Tab-Taste zur nächsten Überschrift gehen, um den ganzen Text zu lesen oder sogar die Ansicht verkleinern.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Wenn in längeren Texten sinnvoll Links eingebaut werden können, erleichtert es das Scrollen für die Tastaturbedienung. 
• Wenn es sinnvoll möglich ist, teilen Sie längere Texte auf mehrere Panels auf.
• Wählen Sie für die Texte eine ausreichend große Schrift, mindestens 100 %.
• Längere Texte innerhalb der Panels mit Überschriften übersichtlich strukturieren, Überschriftengröße sollte eine Ebene unter der Panelüberschrift („Leiste“) liegen. Wenn Überschriften-Tag für die Leisten H2 ist, sollten die Überschriften im Text H3 sein.

Lizenzhinweis: "Akkordeon. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Vergrößerung und Kontraste

• Kleine Beschriftung der Grafiken, die von Autor*innen nicht verändert werden kann.
• Die Farbkontraste zwischen den Balken bzw. Tortenstücken müssen von den Autorinnen und Autoren gut ausgewählt werden, sonst kann die Grafik nicht richtig wahrgenommen werden. Die automatische Auswahl entspricht meist nicht den Anforderungen.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Geben Sie bei „Bezeichnungen und Beschriftungen“ den Typ des Diagramms (Torten- oder Balkendiagramm) an, da sonst Screenreader-Nutzende nicht wissen, um welche Art von Diagramm es sich handelt.
• Achten Sie auf gute Kontraste zwischen der Farbe der Schrift und des Balkens bzw. Tortenstücks.
• Achten Sie auf gute Kontraste der benachbarten Balken bzw. Tortenstücke.
• Der Colour Contrast Analyzer hilft, passende Farbkombinationen auszuwählen.
• Achten Sie darauf wenig „knallige“ Farben auszuwählen, da sie bei Sehbeeinträchtigungen und anderen Wahrnehmungsbeeinträchtigungen (z. B. Autismus-Spektrum, ADHS) stören können.
• Grafiken in Excel zu gestalten, ist einfacher, da Bibliotheken für Grafiktypen mit kontrastreicher Farbgestaltung und ausreichenden Schriftgrößen angelegt werden können. Vorteil der H5P-Grafiken: Sie werden vom Screenreader verständlich vorgelesen.

Lizenzhinweis: "Diagramm. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

Das Kreuzworträtsel ist für Screenreader-Nutzenden nur mit einer Gebrauchsanweisung lösbar. Die Testpersonen haben alleine nur das eigentliche Kreuzworträtsel gefunden, das als Tabelle angeordnet ist, aber nicht die Anordnung mit Fragen und Formularfeldern. Die Tabelle ist für Screenreader zu unübersichtlich. Die Formularfelder sind zwar ausfüllbar, funktionieren allerdings nicht genauso wie beim Kreuzworträtsel gedacht, was mit einem erheblichen Mehraufwand verbunden ist. Die Hinweise, die sehende Nutzende durch das Ausfüllen sich überlappender Antworten bekommen, erhalten Screenreader-Nutzende nicht.

Barrieren

• Das Kreuzworträtsel-Gitter kann mit Screenreadern nicht ausgefüllt werden, da es für Screenreader als unübersichtliche Tabelle dargestellt wird.
• Die Formularfelder können mit Screenreadern ausgefüllt werden. Allerdings gibt es zwei Schwierigkeiten:
  • Wenn die Antworten in den Formularfeldern eingegeben werden, wird schnell übersehen, dass bei überlappenden Buchstaben die jeweiligen Buchstaben automatisch im anderen Formularfeld überschrieben werden. Die Nutzenden müssen deshalb stets prüfen, ob sich bei den anderen Antworten etwas ändert.
  • Ist in einem Formularfeld bereits ein Buchstabe vorhanden, springt der Cursor ans Ende des Worts, ohne dass es vom Screenreader angesagt wird. Der Buchstabe wird vorgelesen, jedoch nicht die Position.

Hinweise für die Nutzung mit Screenreader

• Mit Screenreader lässt sich das Kreuzworträtsel nur über die Fragen mit Formularfeldern ausfüllen, die unter der Tabelle stehen.
• Wenn sich Wörter überlappen, wird der Buchstabe in bereits ausgefüllten Feldern automatisch überschrieben. Deshalb müssen immer wieder alle Antworten angesehen und eventuell korrigiert werden.
• Wenn in Formularfeld bereits ein Buchstabe vorhanden ist, springt der Cursor ans Ende des Worts und liest die Buchstaben vor, ohne die Position anzugeben. Mit den Pfeiltasten bewegt man sich deshalb zunächst an den Anfang des Worts, geht dann mit der rechten Pfeiltaste Buchstabe für Buchstabe vorwärts und zählt mit. Der Screenreader liest an der entsprechenden Stelle den Buchstaben vor. Er sagt nichts, wenn kein Buchstabe an der Stelle steht.

Tastaturbedienung

• Das Kreuzworträtsel kann mit der Tastatur problemlos ausgefüllt werden.

Vergrößerung und Kontraste

Mit einer Seitenzoomvergrößerung ab 200 Prozent sieht man nur einen Ausschnitt des Bildschirms und nicht das Kreuzworträtsel und die Fragenliste mit Formularfeldern zusammen. Mit Vergrößerung ist es am einfachsten, die Formularfelder unter den Fragen zum Ausfüllen zu nutzen. Einige Hinweise zur Nutzung sind wichtig, da sonst das automatische Überschreiben von sich überlappenden Buchstaben verwirrt. 

Barrieren

• Bei der Überprüfung werden im Kreuzworträtselgitter richtige und falsche Buchstaben nur durch Farbe angezeigt, ohne zusätzliche Markierung wie z.B. ein Kreuz und Haken.
• Usability-Probleme: Wenn die Antworten in den Formularfeldern eingegeben werden, wird schnell übersehen, dass bei überlappenden Buchstaben die jeweiligen Buchstaben automatisch in dem anderen Formularfeld überschrieben werden. Die Nutzenden müssen deshalb stets prüfen, ob sich bei den anderen Antworten etwas ändert.

Hinweise für die Nutzung

• Bei einer Vergrößerung ist die Eingabe der Buchstaben in den Formularfeldern unter den Fragen am einfachsten. Man übersieht aber schnell, dass von einer Antwort auch andere Antworten auf andere Fragen betroffen werden. Beim Kreuzworträtsel kommt derselbe Buchstabe in mehreren Antwortfeldern vor. Deshalb muss nach einer Antwort geprüft werden, ob sich Buchstaben in den anderen Antworten geändert haben.
• Ein Blick auf das Kreuzworträtselgitter kann für die Übersicht helfen.
• Die richtige Lösung wird nur Kreuzworträtselgitter angezeigt, aber nicht in den Formularfeldern.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Wenn Screenreader-Nutzende in Ihrer Lerngruppe sind, raten wir zu einer alternativen Umsetzung. Das Kreuzworträtsel funktioniert nur visuell gut.
• Eine kurze Erklärung, wie das Kreuzworträtsel funktioniert ist hilfreich für alle, vor allem für Nutzende mit Sehbeeinträchtigung und Blindheit ist sie essenziell. Ein Vorschlag:
  • Die Antworten für das Kreuzworträtsel werden in die Formularfelder unter den Fragen eingegeben. Hinter der Frage wird in Klammern die Anzahl der Buchstaben des gesuchten Worts angegeben.
  • Wenn sich Wörter überlappen, wird der Buchstabe in bereits ausgefüllten Feldern automatisch überschrieben. Wer nur in der Liste mit Fragen und Formularfeldern arbeitet, muss deshalb hinterher alle Antworten noch mal ansehen und eventuell korrigieren.
  • Die Fehler werden auf zwei Wegen angezeigt: Im Kreuzworträtsel werden richtige und falsche Buchstaben farblich gekennzeichnet. In der Liste der Fragen und Antwortfelder werden die ganzen Wörter entweder als falsch oder richtig farblich und mit einem Haken und einer Punktzahl angezeigt.

Lizenzhinweis: "H5P Kreuzworträtsel - Ergebnisse der Barrierefreiheits- und Usabilty-Tests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: November 2024“, CC BY 4.0

Screenreadernutzung

• Im Modus „Nicht gewusste Karten wiederholen“ werden die Schalter „ich hatte es falsch/richtig“ auch auf der Vorderseite vorgelesen, obwohl sie dort nicht aktiviert werden können.
• Im Modus „Nicht gewusste Karten wiederholen“ ist die Vorlesereihenfolge der Schalter verwirrend: „Ich hatte es falsch“, „Umdrehen“, „Ich hatte es richtig“.

Vergrößerung

Barrieren

• Je nach LMS Probleme kann es Probleme bei der Vergrößerung geben. In Moodle wird ab 200 Prozent Vergrößerung ein Teil des Bildes vom Sticky Header des LMS verdeckt. Der Sticky Header müsste sich eigentlich ab 200 Prozent Vergrößerung lösen und nicht mehr sichtbar sein. Dies ist ein Problem des LMS.
• Vollbildmodus zur besseren Übersicht gewünscht.

Hinweis zur Nutzung

• Mit Lupe oder Zoomtext sind die Dialogkarten lesbar. Manchmal springt der Fokus aber nach dem Umblättern automatisch nach oben.

Dyslexie

• Hinweise zur Nutzung: Vollbildmodus zur besseren Übersicht hilfreich.

Hinweis für Lehrende zum barrierefreien Einsatz

• Beschreiben Sie jedes Bild in „Alternativer Text zur Bildbeschreibung (Barrierefreiheit)“
• Darstellung: Bei Verhaltenseinstellung nicht „Text ggf. verkleinern, damit er in die Karten passt“ ankreuzen, da sonst die Schrift zu klein wird.
• Werden im Modus „Nicht gewusste Karten wiederholen“ Audiodateien eingesetzt, muss der Inhalt der Audios für Nutzende mit Hörbeeinträchtigungen im Text wiedergegeben werden.
• Für reine Hörverstehensaufgaben brauchen diese Nutzenden eine Alternative.

Lizenzhinweis: "Dialogue Cards. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

Die visuelle Aufgabe kann von Screenreader-Nutzenden nicht bearbeitet werden. „Find the Word“ ist für Screenreader nicht zugänglich. Die Aufgabe ist auch nicht sinnvoll mit dem Screenreader zu lösen. Die Testpersonen hatten bereits Schwierigkeiten dabei, die Darstellung in Form eines Wortkastens zu verstehen.

Barrieren

• Mit dem Screenreader kann man sich in dem Wortkasten nicht bewegen.
• Die Darstellung der Wörter in einem Wortkasten ist auf rein auditiver Basis nicht verständlich und auch nicht lösbar.

Tastaturbedienung

„Find the Word“ ist mit der Tastatur nicht zu bedienen.

Barrieren

• Ohne Maus kommt man nicht in den Wortkasten, es kann kein Buchstabe markiert werden.

Vergrößerung und Kontraste

Mit einer Vergrößerung ab 200 Prozent ist die Aufgabe unter erschwerten Bedingungen zu lösen, da die Teilnehmenden nur einen Ausschnitt des Wortkastens überblicken können.

Hinweise zur Nutzung

• Wenn längere Wörter in vertikaler Reihe markiert werden müssen, muss die linke Maustaste gedrückt werden und gleichzeitig das Mausrad zu Scrollen verwendet werden. Das kann motorisch anspruchsvoll sein.

Dyslexie

• Die Aufgabe überfordert Nutzende mit Lese-Rechtschreib-Störung, da es sehr lange dauert und eine hohe Konzentration erfordert. Sie würden jede Zeile vertikal und horizontal lesen müssen.

Sehbeeinträchtigung: Zoomtext oder Lupe

• Mit Zoomtext oder der Lupe kann „Find the Word“ beantwortet werden.

Hinweis für Lehrende zum barrierefreien Einsatz

• Die Benutzung des Elements wird nicht empfohlen, da es zu viele Barrieren für unterschiedliche Bedarfe gibt.
• Falls Sie doch gute Gründe für die Verwendung haben:
  • Wählen Sie bei den Einstellungen keine unüblichen Leserichtungen wie von unten nach oben, von rechts nach links oder diagonal.
  • Je länger die Wörter sind, desto größer und unübersichtlicher wird der Wortkasten. Bei langen Wörtern raten wir deshalb von der Verwendung ab.
  • Eine alternative Aufgabe muss für Studierende mit Sehbeeinträchtigung/Blindheit, Lese-Rechtschreibstörung und für Nutzende, die ohne Maus arbeiten, gefunden werden.

Lizenzhinweis: "H5P Find the Word - Ergebnisse der Barrierefreiheits- und Usabilty-Tests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: November 2024“, CC BY 4.0 

Barrieren

• Nach Anzeige der Lösung erscheint nach kurzer Zeit die nächste Karte. Automatische Zeitbegrenzungen müssen abschaltbar sein.
• Falsche Fokusreihenfolge: Man landet direkt im Antwortfeld und übersieht das Foto mit Alternativtext.

Hinweise für die Nutzung

• Bei jeder neuen Karte landet der Screenreader direkt im Formularfeld für die Antwort. Das Foto mit Alternativtext wird übersprungen. Man muss aktiv dorthin zurücknavigieren.
• Der Tipp wird erst nach dem Überprüfen-Button vorgelesen.
• Nach Anzeige der Lösung erscheint nach kurzer Zeit automatisch die nächste Karte. Deshalb wird die Lösung möglicherweise nicht vollständig vorgelesen.

Tastaturbedienung

• Sichtbarer Tastaturfokus bei Überprüfen- und Weiter-Buttons schwach.

Vergrößerung und Kontraste

• Fokus bei manchen Buttons zu schwach.
• Button „Ergebnis anzeigen“ wird bei Vergrößerung leicht übersehen.
• Schlechter Farbkontrast bei Lösungsübersicht: falsche Wörter sind mit hellroten Buchstaben auf schwarzen Hintergrund nicht kontrastreich genug (siehe Screenshot 2).
• Bei 400 Prozent Vergrößerung überlappen manche Texte, Hinweise sind je nach Länge nicht vollständig lesbar.

Dyslexie

• Plug-in Language Tool funktioniert im Texteingabefeld nicht, da es ein Formularfeld ist.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Beschreiben Sie jedes Bild in „Alternativer Text zur Bildbeschreibung (Barrierefreiheit)“.
• Weisen Sie darauf hin, dass nach der Lösungsanzeige automatisch die nächste Karte erscheint.
• Fehlerfreundlichkeit: Bei Verhaltenseinstellung nicht „Auf Groß-/Kleinschreibung achten“ ankreuzen.
• Geben Sie Studierenden mit Dyslexie den Hinweis, dass die Rechtsschreibkorrektur des Language Tools bei Fragestellungen und Zielen nicht funktioniert. Sie können sich behelfen, indem sie mit der rechten Maustaste den Text durch den „Text in Editor“ überprüfen und wieder ins Feld kopieren.

Lizenzhinweis: "Flashcards. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

Barrieren

• Wenn Videos automatisch starten, kann es irritieren, weil der Beginne noch von Screenreaderansagen überlagert wird.

Hinweise zur Nutzung

• Je nachdem, welche Inhaltselemente integriert werden, sind Hinweise zur Bedienung hilfreich. Die Bedienung einer interaktiven Präsentation kann leicht mit den „Vorwärts“- oder „Zurück“-Bottons des Branching-Scenarios verwechselt werden.

Sprachsteuerung

• Der Vollbildmodus funktioniert unbefriedigend, da auch elementstrukturierende Zahlen angezeigt werden, die nicht zum Vollbild gehören, sondern zu der darunterliegenden Oberfläche.
• Der Videoplayer kann nur durch Klicken auf das Video gestartet werden. Die elementstrukturierenden Zahlen für die Elemente des Players sind nicht klar zuzuordnen.

Vergrößerung und Kontraste

Barrieren

• Der Farbkontrast bei aktivierten Buttons ist häufig zu schwach.

Hinweise für die Nutzung

• Bei einer stärkeren Vergrößerung empfiehlt sich die Nutzung des Vollbildmodus.

• Der Vollbildmodus sollte erst nach Start des Elements eingeschaltet werden, da bei einer großen Vergrößerung der „Kurs starten“ Button verschwindet. Nach dem Start sind alle Bedienelemente im Vollbild sichtbar.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Wenn Videos eingebaut werden, sollten sie nicht automatisch starten, weil der Anfang häufig noch durch die Bedienung assistiver Technologien überlagert wird.

Lizenzhinweis: "Branching Scenario. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: April 2024“, CC BY 4.0

Screenreadernutzung

Barrieren

• Bei linearen Gleichungen werden nicht alle mathematischen Zeichen korrekt vorgelesen („Schrägstrich“ statt „geteilt durch“, x2 statt x²).

Hinweise zur Nutzung

• Der Screenreader liest die richtige Antwort nach jeder Aufgabe vor.
• Bei linearen Gleichungen werden nicht alle mathematischen Zeichen korrekt vorgelesen, sondern als Satz- oder Sonderzeichen („Schrägstrich“ statt „geteilt durch“, x2 statt x²).
• Bei Gleichungen dauert das Vorlesen der Antwortmöglichkeiten, etwas Geduld ist gefragt. Deshalb werden Screenreader-Nutzende immer länger brauchen als Studierende, die keine assistive Technologie nutzen.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Geben Sie im Text über dem Quiz Hinweise zum Ablauf:
  • Nach Start des Quiz beginnt ein automatischer Countdown.
  • Antwort werden direkt abgesendet, sobald eine Antwort ausgewählt wird. Danach lässt sich nichts mehr ändern.
• Es gibt wenig Einstellungsmöglichkeiten, nur die Art und Anzahl der Aufgaben kann eingestellt werden.
• Ein Vollbildmodus wäre hilfreich, ist jedoch derzeit nicht vorgesehen.

Lizenzhinweis: "Arithmetic Quiz. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

• Sprachaufnahme beginnt direkt nach dem Drücken des Abspielbuttons, deshalb wird der Satzanfang von der Sprachausgabe überdeckt. Besser wäre es, wenn die Tonaufnahme erst einige Sekunden später beginnt.

Sprachsteuerung

• Der Aufgabentyp ist für die Bedienung mit Sprachsteuerung bedingt geeignet. Korrekturen im Text dauern lange.

Dyslexie

• Darstellung der Lösung: Da das falsche Wort durchgestrichen ist, fällt es schwer, den Fehler zu finden. Bessere Lösungsdarstellung, z. B. bei „Drag the Word“. 

Hinweis für Lehrende zum barrierefreien Einsatz 

• Achten Sie auf eine gute Tonqualität ohne Hintergrundgeräusche bei der Tonaufnahme. Entfernen Sie Hintergrundgeräusche evtl. im Schnittprogramm.
• Lassen Sie am Anfang der Sprachaufnahme zwei Sekunden Pause, bevor Sie zu sprechen beginnen, damit bei der Screenreader-Nutzung nicht die ersten Sekunden von der Sprachausgabe überdeckt werden und damit die Nutzenden Zeit haben, in das Eingabefeld zu springen.
• Für die langsame Version ändern Sie im Schnittprogramm die Geschwindigkeit. Das funktioniert besser, als wenn Sie selbst langsamer lesen.
• Als Alternative für Studierende mit Hörbeeinträchtigungen kann evtl. Flashcards mit Bildern und Texten statt Audioaufnahmen dienen.

Lizenzhinweis: "Diktat. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

• Mit Screenreader kann Drag and Drop eingeschränkt benutzt werden. Voraussetzung ist, dass die Ablageflächen beschriftet sind. Bestimmte Einsatzszenarien sind allerdings rein visuell und deshalb nicht geeignet, siehe Hinweise für Lehrende.

Barrieren

• Wenn man ein Wort in eine Ablagefläche ablegen will, wird nicht angesagt, ob sich bereits Wörter in einer Ablagefläche befinden. Bereits verschobenen Wörter werden in den Ablageflächen nicht vorgelesen. Das geht nur, wenn man kein Wort aktiviert hat und alle Ablageflächen durchgeht.
• Hintergrundbilder enthalten keine Alternativtexte.

Hinweis für die Nutzung

• Die Auswahl der Wörter und der Ablageflächen funktioniert über die Pfeiltasten, die Bestätigung durch die Enter-Taste.
• Beim Ablegen von Wörtern wird nicht angesagt, ob dort bereits ein Wort steht. Deshalb empfiehlt es sich, sich zwischendurch oder am Ende die Ablageflächen durchzuklicken, um zu erfahren, wo bereits welche Wörter einsortiert sind.

Tastaturbedienung

• Die Auswahl der Wörter und der Ablagefläche funktioniert über die Pfeiltasten, die Bestätigung durch die Enter-Taste.
• Wenn ein Wort in der Ablagefläche durch die Enter-Taste abgelegt wurde, kann man mit der Pfeiltaste das nächste Wort auswählen.

Sprachsteuerung

• Es können nicht alle Ablagefelder direkt angesteuert werden. Man muss die ziehbaren Wörter von Ablagefeld zu Ablagefeld weiterbewegen, kann sie aber nicht wieder zurückziehen. 

Vergrößerung und Kontraste

• Die Farbkontraste zwischen aktivierten und nicht aktivierten Wörtern sind ungenügend.
• Die Lösung lässt sich bei großer Vergrößerung schlecht zuzuordnen, weil der Haken oder das Kreuz rechts neben und unterhalb des Worts steht.
• Bei einer starken Vergrößerung über 200 Prozent verdeckt der Sticky Header von Moodle oder ILIAS zu große Teile des Bildes, um Begriffe noch richtig zuordnen zu können. Die ziehbaren Elemente sind nicht mehr sichtbar.

Hinweis für Lehrende zum barrierefreien Einsatz 

Nicht alle Einsatzszenarien sind für Studierende mit Sehbeeinträchtigung/Blindheit möglich:

• Man kann keinen Alternativtext für das Hintergrundbild eingeben. Das Bild muss im einleitenden Text vor dem H5P-Element beschrieben werden. Die Ablagezonen für die Begriffe können mit Bildbeschreibungen beschriftet werden. „Zeige Beschriftung“ muss angekreuzt werden.
• Häufig wird eine alternative Umsetzung für Studierende mit Sehbeeinträchtigung/Blindheit notwendig sein, wenn die Beschriftungen der Ablagezonen zu lang wird.

Lizenzhinweis: "H5P Drag and Drop - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: November 2024“, CC BY 4.0

Screenreadernutzung

„Drag the Word“ lässt sich mit NVDA gut ausfüllen, wenn man die untenstehenden Hinweise zur Nutzung beachtet.
Mit JAWS ist „Drag the Word“ allerdings nicht bedienbar. Die Vorgehensweise mit NVDA funktioniert in JAWS nicht. Mit JAWS lässt sich nicht sinnvoll zwischen Ablagefeldern und Wortliste navigieren, um ein aktiviertes Wort in das richtige Ablagefeld zu schieben.

Hinweise zur Nutzung

• Beim Lesen des ganzen Texts mit den Ablagefeldern macht der Screenreader nach den Ablagefeldern, bevor er den Text dahinter vorliest. Diese Pause bitte abwarten und nicht sofort mit der Pfeiltaste weiterklicken, denn durch die Pfeiltaste gelangt sofort zum nächsten Ablagefeld, ohne das der Text zwischen den Ablagefeldern vorgelesen wird.
• Die Auswahl eines Elements aus der Wortliste erfolgt durch Enter.
• Danach wird der Fokus automatisch in das erste Ablagefeld geführt.
• Die Ablagefelder selbst sind nur als nummerierte Ablagefelder beschriftet. Um zu erfahren, um welches Ablagefeld es sich handelt, geht man die Liste der Ablagefelder mit Pfeiltasten durch, um den Text vor den Ablagefeldern zu lesen.
• In das richtige Ablagefeld gelangt man mit der Tab-Taste, mit einem weiteren Enter wird das ausgewählte Wort in das Ablagefeld geschoben.
• Mit einem weiteren Tab wird man automatisch in das erste Wort der Wortliste geführt.
• Beim Durchlesen der eigenen Lösungen wird je nach Länge des Worts bzw. des Ausdrucks nur der Anfang vorgelesen.

Sprachsteuerung

• Man kann per Sprachsteuerung nur schwer Wörter in eine Lücke am Beginn des Texts einfügen, da sie zwei elementsteuernde Zahlen enthält.

Vergrößerung und Kontraste

• Mit einer Vergrößerung durch Seitenzoom und mit Zoomtext bzw. der Lupe lässt sich das Element ausfüllen. Je nach Länge des Lückentests und der Wortliste kann das Ausfüllen etwas mühsam sein.
• Usability-Problem: Bei einer Vergrößerung im Seitenzoom ab 200 Prozent muss bei der Auswahl des Wortes und der richtigen Lücke hin- und hergescrollt werden. Die Testperson musste die linke Maustaste gedrückt halten, um das Wort zu ziehen und gleichzeitig mit dem Mausrad scrollen. Das erfordert eine richtige Maus. Wenn ein Wort aus der Wortliste aktiviert ist, funktionieren die Pfeiltasten nicht zum Scrollen.

Tastaturbedienung

• Mit Enter gelangt man in die Wortliste.
• Das Wort wird mit Enter oder Leertaste ausgewählt.
• Der Fokus springt automatisch in die erste Lücke.
• Mit der Pfeiltaste wird das richtige Feld ausgewählt und mit Enter oder Leertaste bestätigt.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Das Element ist relativ gut bedienbar, wenn die Wortliste aus einzelnen Wörtern und nicht aus Sätzen besteht.
  • Je länger die Ausdrücke bzw. Sätze in der Wortliste sind, desto schwieriger ist es, die eigene Lösung zu überprüfen, da im Ablagefeld nur eine begrenzte Anzahl von Zeichen möglich ist. Der Text wird abgeschnitten, wenn er zu lang ist.
  • Je nach der Länge der Wörter bzw. Sätze in der Wortliste wird die Wortliste neben oder unter dem Lückentext angeordnet. In unserem Test hat die Testperson, die mit Zoomtext/Lupe gearbeitet hat, die Wortliste zunächst nicht gefunden. Bei längerem Lückentext und längeren Ausdrücken in der Wortliste ist ein Hinweis, wo die Wortliste zu finden ist, hilfreich.
• Wenn in Ihrer Lerngruppe Studierende sind, die JAWS als Screenreader nutzen, benötigen sie eine alternative Umsetzung. Je nach Text kann es zum Beispiel  ein Worddokument sein oder eine Single Choice-Abfrage, wenn die einzelnen Sätze mit dem fehlenden Wort für sich stehen können.

Lizenzhinweis: "Drag the Word. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: November 2024“, CC BY 4.0

Screenreadernutzung

• Wenn der Bestätigungsdialog eingeschaltet ist: Die voreingestellte Meldung für Überprüfung der Eingaben ist verwirrend („Beenden. Ganz sicher beenden?“). Dadurch wird die Aufgabe nicht beendet.
• Die Nutzenden können beim Überprüfen der Fehler die Wörter korrigieren. Diese Erklärung fehlt.
• Überschriften sind nicht semantisch ausgezeichnet (bei längeren Texten sinnvoll).

Tastaturbedienung

• Sichtbarer Bildschirmausschnitt wandert nicht immer ausreichend mit, um den Text nach der auszufüllenden Lücke zu lesen. Das wirkt sich besonders negativ aus, wenn Lücken in eigene Zeilen gesetzt werden

Vergrößerung und Kontraste

• Farbkontrast bei Lösungsanzeige nicht ausreichend (dunkelgrün auf grün)
• Durchgestrichene falsche Wörter bei Lösungsanzeige schlecht lesbar

Dyslexie

• Plug-in für Rechtschreibkorrektur funktioniert nicht
• Durchgestrichene falsche Wörter bei Lösungsanzeige schlecht lesbar. Bessere Lösungsdarstellung z.B. bei „Drag the Word“.
• Bei der Lösungsanzeige wird nicht zwischen Rechtschreibfehlern und inhaltlichen Fehlern unterschieden. Das kann für Studierende mit Dyslexie frustrierend sein.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Lücke nicht in eigene Zeile setzen. Übersicht geht verloren (besonders bei Tastaturbedienung, Sehbeeinträchtigung und Dyslexie).
• Kleinere Rechtschreibfehler akzeptieren, wenn nicht die Rechtschreibung im Vordergrund der Aufgabe steht.
• Bestätigungsdialoge ausschalten oder verständlich beschriften. Die vorgeschlagenen Dialoge verwirren.
• Geben Sie Studierenden mit Dyslexie den Hinweis, dass die Rechtsschreibkorrektur des Language Tool bei Fragestellungen und Zielen nicht funktioniert. Sie können sich behelfen, indem sie mit der rechten Maustaste den Text durch den „Text in Editor“ überprüfen.

Lizenzhinweis: "Fill in the blanks/Lückentext. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

• Das Inhaltselement lässt sich nicht bedienen

Tastaturbedienung

• Das Inhaltselement lässt sich nicht bedienen

Sprachsteuerung 

• Mit einem Raster zum Auswählen kann mit der Sprachsteuerung an die richtige Stelle geklickt werden. Damit lässt sich auch heranzoomen, um in der Auswahl genauer anzugeben, in welches Feld geklickt werden soll.

Vergrößerung und Kontraste 

• Bei starker Vergrößerung wird leicht übersehen, dass unter dem Bild die Lösungs- und Fortschrittsanzeige steht.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Die Benutzung des Elements wird nicht empfohlen, wenn Studierende in der Lerngruppe sind, die den Computer mit Screenreader oder Tastatur bedienen. Wenn kein anderes Format für die ganze Gruppe möglich ist, muss eine alternative Umsetzung für diese Studierenden gefunden werden.
• Weisen Sie für sehbeeinträchtigte Studierende im Text über dem Element daraufhin, dass sich unter dem Bild die Lösungs- und Fortschrittsanzeige befindet.

Lizenzhinweis: "Hot Spot: Find the HotSpot (one/multiple). H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

• Die Wörter werden im Formularmodus markiert. Dazu muss nach dem Lesen des Textes mit der Tab-Taste in den Formularmodus gewechselt werden. Dann werden die Wörter als Liste ausgegeben. Die zu markierenden Wörter werden mit der Tab- oder Space-Taste ausgewählt.

Tastaturbedienung

• Man bewegt sich im Text mit den Pfeiltasten und aktiviert ein Wort durch die Space- oder Enter-Taste.

Sprachsteuerung

• Das Element ist nicht immer leicht zu bedienen, weil die elementstrukturierenden Nummern die Wörter zum Teil verdecken können.

Vergrößerung und Kontraste

• Beim Bewegen durch den Text ist der Rahmen um das aktive Wort nur schwach zu sehen.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Wenn Studierende in der Lerngruppe sind, die Screenreader nutzen, geben Sie die obigen Hinweise zur Benutzung des Elements.

Lizenzhinweis: "Mark the word/Markiere das Wort. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2024“, CC BY 4.0

Screenreadernutzung

• Wenn das Dokument abgeschlossen ist, wäre ein „Fertig“-Button hilfreich, weil es vor dem Abschicken und Exportieren des Dokuments mehr Sicherheit gibt.

Sprachsteuerung

• Fragestellungen und Ziele lassen sich mit der Sprachsteuerung nicht löschen.

Dyslexie

• Hinweise zur Nutzung: Das Plug-in Language Tool für die Rechtschreibkorrektur funktioniert in den Seitenformaten Fragestellungen und Ziele nicht, da es Formularfelder sind. Man kann mit der rechten Maustaste den Text im Language Tool mit „Text in Editor“ überprüfen und wieder ins Feld kopieren.

Hinweis für Lehrende zum barrierefreien Einsatz 

Beachten Sie beim Erstellen der Seiten die Regeln barrierefreier Dokumente:

• Zeichnen Sie die Textelemente korrekt aus: Überschriften, Listen, Standardtext als Normal
• Versehen Sie Links mit sprechenden Linktexten, z.B. „Informationen auf tagesschau.de“.
• Beschreiben Sie jedes Bild in „Alternativtext“.

Lizenzhinweis: "Documentation Tool. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0

Screenreadernutzung

• Sobald eine Antwort als richtig ausgewählt wurde, wird die Antwort direkt übermittelt. Screenreader-Nutzer*innen sollten deshalb erst mit den Pfeiltasten durch alle Antworten navigieren und dann die richtige Aussage auswählen. Bei der Auswahl richtiger Antworten springt der Fokus mit der richtigen Antwort nach oben und die Antwort wird noch einmal vorgelesen. Bei falschen Antworten ist das nicht der Fall.

Tastaturbedienung

• Man bewegt sich zwischen den Antwortmöglichkeiten mit den Pfeiltasten und wählt die richtige Antwort durch die Space- oder Enter-Taste aus.

Sprachsteuerung

• Nur mit der Sprachsteuerung ist das Element nicht eigenständig zu bedienen.
• Man kann am iPad nur unter zur Hilfenahme der Hand vom Lese- in den Bearbeitungsmodus wechseln.

Hinweis für Lehrende zum barrierefreien Einsatz 

• Die Benutzung des Elements wird nicht empfohlen, wenn Studierende, die den Computer mit Sprachsteuerung bedienen, in der Lerngruppe sind. Wenn kein anderes Format für die ganze Gruppe möglich ist, muss eine alternative Umsetzung für diese Studierenden gefunden werden.
• Alle Informationen und Instruktionen müssen im Lern-Management-System oberhalb des Elements eingegeben werden.

Lizenzhinweis: "Summary. H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0