Drag and drop
Vorgegebene Wörter müssen aus einer Wortliste in das richtige Ablagefeld gezogen werden, z. B. um Schaubildern zu beschriften oder Begriffe in vorgegebene Felder zu sortieren.
Testergebnisse
Stand: November 2024
Für Studierende mit Sehbeeinträchtigung und Blindheit ist das Element nur schlecht nutzbar, was einerseits an visuellen Einsatzszenarien liegt und andererseits an Barrieren im Element. Wenn die Ablageflächen nicht beschriftet ist, ist die Aufgabe für diese Studierenden nicht lösbar.
Übersicht: Usability bei verschiedenen Arbeitstechniken
| Hilfsmittel/Arbeitstechnik | Testergebnis | Empfehlung |
|---|---|---|
| Screenreader | funktioniert zufriedenstellend | o |
| Tastaturbedienung | funktioniert gut | + |
| Sprachsteuerung (iOS) | funktioniert zufriedenstellend | o |
| Vergrößerung/Kontraste | funktioniert zufriedenstellend | o |
| ohne assistive Technologie | funktioniert gut | + |
+ = gut geeignet; o = mittelmäßig geeignet, Anpassungen nötig; − = ungeeignet
Hinweise für Nutzer*innen
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.
Hinweise 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
Drag and Drop kann mit der Tastatur gut bedient werden.
Hinweise für die Nutzung:
- 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
Barriere: 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
Barrieren:
- 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.
Empfehlungen für Einstellungen im Sinne des Universal Designs for Learning
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 (Screenshot 1). „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.
Möglich sind Einsatzszenarien, allerdings mit den oben beschriebenen Barrieren:
- Begriffe oder Lösungen werden verschiedenen beschrifteten Ablageflächen zugeordnet (Screenshot 2),
- die verschiebbaren Elemente stellen verschiedene Lösungsalternativen dar, von denen nur eine in das Lösungsfeld geschoben werden soll (Screenshot 3). Hier ist Single Choice allerdings eine bessere barrierefreie Alternative.
(Beispiele aus: Lernarchitektur HD@DH.nrw)
Lizenzhinweis
Zitiervorschlag
„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“, Lizenziert unter: CC BY 4.0.
Ausgenommen von der Lizenz sind verwendete Logos, Bilder und Bedienoberflächen.




