Drag and drop

Testergebnisse

Stand: November 2024

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.

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 zur Nutzung

Screenreadernutzung
Tastaturbedienung
Sprachsteuerung
Vergrößerung und Kontraste

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 (siehe Abb 2). „Zeige Beschriftung“ muss angekreuzt werden.
Das Drag and Drop Element besteht aus 8 Einzelbildern von Früchten oder Gemüse, unter denen jeweils eine kleine Unterzeile steht, z. B. "kleine rote Frucht mit langem dünnen Stengel". Unter den Bildern die ziehbaren Schalter mit den Namen der Früchte, z. B. "Kirsche, Zwiebel, Banane, Kiwi" usw.
Screenshot 1: Drag and Drop Element
  • 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 (erster Screenshot),

    • die verschiebbaren Elemente stellen verschiedene Lösungsalternativen dar, von denen nur eine in das Lösungsfeld geschoben werden soll (zweiter Screenshot). Hier ist Single Choice allerdings eine bessere barrierefreie Alternative.

Zwei Felder mit zwei Überschriften ("organisatorische Lernbegleitung" und "fachlich-inhaltliche Lernbegleitung"), darunter ein Kasten mit Ausdrücken in grauen Einzelkästen, die in eins der beiden Felder gezogen werden müssen.
Screenshot 2: zwei Felder
„Digitale Lehr-Lernaktivitäten flexibilisieren & individualisieren“ - Frage 1. Darunter zwei Kästen: Lehr-Lernaktivität mit einem beschreibenden Text, Herausforderung mit einem beschreibenden Text. Darunter drei ziehbare Kästen mit einer möglichen Lösung. Die beste Lösung muss auf einen Kasten gezogen werden, indem steht: Platzieren Sie hier Ihren Lösungsvorschlag.
Screenshot 3: Digitale Lehr-Lernaktivitäten flexibilisieren & individualisieren

(Beispiele aus: Lernarchitektur HD@DH.nrw)

 

Lizenzhinweise

Logo: Creative Common Lizenz "CC BY 4.0"

Lizenziert unter CC BY 4.0. Zitiervorschlag: „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. Ausgenommen von der Lizenz sind die verwendeten Logos.