Zum Inhalt

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/ArbeitstechnikTestergebnisEmpfehlung
Screenreaderfunktioniert zufriedenstellend

o

Tastaturbedienungfunktioniert gut

+

Sprachsteuerung (iOS)funktioniert zufriedenstellend

o

Vergrößerung/Kontrastefunktioniert zufriedenstellend

o

ohne assistive Technologiefunktioniert 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.
Screenshot 1: Drag and Drop Element
Screenshot 2: zwei Felder
Screenshot 3: Digitale Lehr-Lernaktivitäten flexibilisieren & individualisieren

(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.