H5P-type: Drag and drop (Dra og slipp)

Fin til å vise kategorier, jobbe med begrepsinnlæring og prosesser.

Veldig visuell og engasjerende.

Kan tilpasse knapper, trenger ikke bare være tekst.

Vanskelighetsnivå design og redigering: krevende

Universell utforming

UU-merking :

Usable with Workarounds

Denne h5p typen følger UU-kravene hvis du bruker overgangsløsninger i utforming av ressursen.

Sjekk kommentarer og anbefalinger på nettsiden fra "Libretexts" : Accessibility Guide for H5P Drag and drop

Teknisk

Oppgrader for å fjerne fullskjermsknapp og tittel
Vær obs på innbrent tekst (kan bare legge tekst oppå)
Test oppgaven for å se om det er riktig språk på knapper
Innstillingen "Krev inndata fra brukeren før fasit gis" (se skjermbilde nedenfor) fungerer ikke. Det er en kjent feil i denne ressurstypen. Ressursen viser seg likt til brukeren med eller uten denne innstillingen.
Be om hjelp ved bruk/redigering av denne i fagpresentasjon.

Tips

slå gjerne av “Apply penalties” - ender fort opp med 0 poeng selv med noen rette
unngå å sette ett poeng for hele oppgava, dersom det ikke er et "puslespill" som skal legges korrekt
anbefalt størrelse i fagpresentasjon = 680x310
Kan bli rot med poengberegning dersom det er opprettet og slettet flere elementer i oppgaven. Henger rester igjen i koden - jobbes med feilen hos utvikler. Viktig å planlegge godt for å unngå dette.
Unngå mye tekst og eller mange felter - stack eventuelt tekstbokser som en kortstokk
Dersom du skal lage en rekke tekstlige spørsmål og ha tekstlige varianter til svar, bør du vurdere singlechoice. Drag and drop er unødig tungvint for dette.
OBS: det er ikke mullig å kreve at brukeren skal dra alle tekstfelta til ei sleppsone før dei kan sjekke svaret
ROS/Desk har i publiseringssjekken fokus på elementene i denne typen. Oversikten finner du tilbake i publiseringssjekklisten

Tips til smidig tastaturnavigasjon (UU)

om rekkefølge av elementer ved bruk av tastaturnavigering

- før du oppretter ressursen: lag en skisse med slipp-soner (målområder) og dra-feltene
- ved opprettelse: i tastaturnavigering får soner samme rekkefølge som rekkefølgen når du legger til disse soner i ressursen.
- ved opprettelse: legg til slipp-soner i rekkefølge som følger plassering i ressursen
  skjermbilde med slipp-sone eksempel, tallene (1. - 6.) i blå skrift er anbefalt rekkefølge for å legge til disse sonene:
- ved opprettelse: legg til dra-feltene i rekkefølge som følger plassering i ressursen
  skjermbilde med dra-feltene eksempel, tallene (1. - 6.) i blå skrift er anbefalt rekkefølge for å legge til disse sonene:
- OBS ved redigering: å omplassere eksisterende soner i en ressurs endrer ikke rekkefølge for tastatur-navigasjon med pil-tastene!
- ved redigering er det mulig å endre rekkefølge i tastatur-navigasjon med funksjonene: "Bring to front" og "Send to back". Disse funksjoner er tilgjengelig for hver sone.
  Bring to front: legger sonen som siste i rekkefølge
  Send to Back. legger sonen som første i rekkefølge
  Edlib har ingen funksjon om å hoppe bare et trinn i rekkefølge.
  skjermbilde med eksempel fra funksjonene "Bring to front" og "Send to back" i grensesnittet i Edlib:
- Slipp-soner og dra-soner kan ikke blandes i tastatur-rekkefølge.
- Gjeldende rekkefølge kan du sjekke (ikke endre) i manusvisning når du velger å vise alle tekster.
  Alle slipp-soner finner du i strukturen "question>task>dropzones>" og rekkefølge som er vist i manusvisning er rekkefølge for piltastene.
  skjermbilde med eksempel manusvisning og tre første slipp-sonene fra en ressurs
  
  Alle dra-soner finner du i strukturen "question>task>elements>" og rekkefølge som er vist i manusvisning er rekkefølge for piltastene.
  skjermbilde med eksempel manusvisning og tre første dra-soner fra en ressurs
  
  OBS: dra-soner kan i manusvisning være blandet med andre tekstfelter som er plassert som titler i ressursen. Disse tekstfelter er ikke aktive elementer i en ressurs og er ikke med i tastatur navigasjon.

Viktig for skjermlesere

- titler til slipp-soner: Tittel er obligatorisk. Bruk titler som gjenspeiler målet med slipp-sonen og som er gjenkjennelig i manus-redigering i etterkant.
- Obs: Unngå å bruke slippsoner uten synlig tittel-felt. Tittelen er bare brukt for opplesing med skjermlesere når tittelen er vist i ressursen!
  skjermbilde med skjema-eksempel av en synlig tittel

Eksempler

fra artikkel: Hva står de politiske partiene for? (Samfunnskunnskap)

og
Sett opp sjakkbrett (eks. fra H5P.org)

Opplæring

H5P.org Drag and Drop Tutorial

Om utfordringer med universell utforming (UU)

Accessibility Guide for H5P Drag and Drop

fra LibreStudio