Skip to main content

Uu: H5P (generelt)

Denne siden er ganske generell og det vil påpå sikt bli laget mer detaljerte sider om ulike H5P-typer. Slik som nårnår og hvordan vi skal bruke de ulike og hva vi måmå tenke påpå nårnår det gjelder uu.

Jevnt over er H5P-er utfordrende nårnår det gjelder universell utforming. Det er flere grunner til det. Det er ofte kombinasjon av flere medier slik som bilde, tekst og video. H5P-ene har navigasjon som avviker fra øvrigøvrig navigasjon påpå ndla.no, og det er ikke alle typene som er utviklet med tanke påpå universell utforming. En H5P-type kan værevære tiltenkt en type bruk, og det er likevel mulig åå lage mange andre varianter. 

H5P er mindre tilgjengelig for en del av vårevåre brukere. En hovedregel er at viktig fagstoff skal ligge i fagartikkel (i ED). Viktig fagstoff måmå ikke kun bli presentert i en H5P. H5P-innholdet dukker ikke opp i nettsøknettsøk som er den vanligste veien inn til fagstoffet påpå vårevåre sider. H5P krever mer av brukeren og er tidkrevende i produksjon og vedlikehold.

Det ligger en (utdatert?) oversikt over H5P-innholdstyper påpå Zendesk og der finner du ogsåogså konkrete (noe utdaterte?) tips fra LibreStudio om hvordan vi kan forbedre uu i hver enkelt H5P-type (rapporten fra LibreStudio er dessverre litt utdatert).

Les: Kvalitet i interaktivt innhold

 Ikke legg ut påpå langtur med kompliserte og avanserte H5P-er om du ikke har dekket opp grunnleggende fagstoff om temaet i ED, og heller ikke har satt deg inn i denne H5P-typen og UU.

Kjente, gjennomgåendegjennomgående uu-problemer for H5P

Generelle feil kan som oftest løsesløses effektivt teknisk påpå et generelt nivå.nivå. Enten hos H5P-group, i vårvår Edlib-løsningløsning eller i den enkelte H5P-innholdstype. Feilene vil likevel værevære en utfordring for store brukergrupper hver gang de møtermøter en H5P i vårevåre artikler. Det kan altsåaltså værevære relevant åå vite om småsmå feil siden de rammer bredt.

Skjermbilde av poengside i interaktiv oppgave. Skjermbilde.

  • Mye av innholdet vårtvårt er ikke oppdatert til siste versjon og en del er helt utdaterte (deprecated). Dette betyr at vi har gamle uu-bugs påpå lufta som er utbedret i nyproduksjon. Dette er spesielt omfattende for course presentation/fagpresentasjon.
  • Manglende oppdatering av språkfilerspråkfiler gir en blanding av norske og engelske ledetekster. Dette gjelder ofte "usynlige" tekster, altsåaltså tilbakemeldinger eller informasjon kun ment for skjermleser. Vi jobber med åå fåfå oppdaterte tekster inn i systemet vårt.vårt. Deretter måmå vi fåfå hentet nye hjelpetekster inn hver enkelt H5P vi har publisert (forhåpentligvisforhåpentligvis med en effektivt teknisk rutine).
  • Hjelpetekster som forsvinner under/utfor kanten og/eller bakom knapper og gjørgjør dem uleselige.
  • For svak fokusmarkering påpå knapper siden de kun baserer seg påpå nettleserens visning. Det er ikke godt nok at knappene blir litt mørkeblåmørkeblå eller at de fårfår en linje rundt som ikke har kontrast nok mot knappeflaten.
  • Ord og uttrykk er ikke kodet med andre språk,språk, hele H5P har kun et språkvalg.språkvalg. Dette betyr at innslag av andre språkspråk vil bli lest opp påpå norsk av skjermleser.
  • Ingen H5P støtterstøtter nettleserbasert tekststørrelsetekststørrelse (forstørring)forstørring), og mange innholdstyper mister innhold om brukeren endrer linjeavstand og tegnavstand (innenfor wcag-kravene).
  • (Youtubevideoer satt inn i H5P har ikke mulighet for teksting). NDLA har policy om åå ikke bruke youtube i noe innhold.

Kjente, gjennomgåendegjennomgående problemer knyttet til spesifikke innholdstyper (med eksempler)

  • Drag the words kan ikke brukes med tastaturnavigasjon fordi man ikke fårfår tak i ordene man skal dra.
  • Image Juxtaposition mangler kontrast (rammefarge) påpå "håndtaket"håndtaket" slik at det blir vanskelig åå finne og er i liten grad mulig åå bruke med tastatur.
  • Memory er vanskelig åå navigere med skjermleser fordi man kan ende opp i bakgrunnen selv om det ligger en aktiv modal (popup-meldingsvindu) foran.
  • Flashcards gårgår automatisk videre etter at svar er avgitt slik at brukeren kan fåfå for lite tid til åå fåfå med seg fasit og bryter kravet om justerbar tid.
  • NDLA Timeline flytter ikke fokus til innhold nårnår man velger en periode påpå tidslinja, såså skjermleserbrukere vil fåfå utfordringer. Med smalere nettleservindu forsvinner bilde nedenfor tekst og bak tidslinja uten at H5P-ramme utvides. Ved 400% zoom klippes en del av teksten.
  • Image Hotspot gir ingen informasjon til skjermleserbrukere om at den inneholder interaktivitet og man måmå derfor presisere dette i forkant.
  • NDLA Topic Map fungerer ikke med 400% zoom: Notat-fanen er ikke tilgjengelig uten horisontal scrolling.
  • Course Presentation kan ikke justere rekkefølgerekkefølge påpå elementer og slides måmå derfor bygges påpå nytt om fokusrekkefølgefokusrekkefølge er feil. Svevetekst måmå ikke brukes, for den informasjonen kan ikke formidles til skjermleser.
  • DokumentasjonsverktøyDokumentasjonsverktøy har en mengde elementer som er kodet påpå feil måtemåte og derfor blir vanskelig åå betjene med skjermleser.
  • Drag the words, Fill in the Blanks, Mark the words: Skjermleserfokus flyttes ikke til feedback ved oppgaveslutt såså skjermleserbrukere har utfordringer med åå fåfå med seg tilbakemeldingene.

Tiltak for åå forbedre uu

Utover de tekniske problemene er det flere tiltak vi kan gjøregjøre for åå forbedre uu i H5P-innhold nårnår vi produserer:

Generelt

  • En hovedregel er at ikke tekstlig-innhold har tekstalternativ (WCAG 1.1.1).
  • UnngåUnngå i størststørst mulig grad åå blande språkspråk inni H5P, bortsett fra i innholdstypen Vocabulary Drill.
  • Velg riktig type. Bruk hver enkelt av H5P-typene til det de er ment til og utviklet for. Ikke endre påpå knappenavn og lignende.
  • Det er gode kontraster mellom ulike visuelle elementer (WCAG 1.4.11). Ulike visuelle elementer skal ha kontrastforhold 3:1 og tekst og tekstbakgrunn skal ha 4,5:1.
  • UnngåUnngå for mange medietyper i en H5P.
  • Videoinnhold er tekstet.
  • Bilder har alt-tekster.
  • Lyd har transkripsjon eller annen tekstversjon ved lydklippet.
  • Vi anbefaler H2 eller H3 i tittel i ED førfør H5P-oppgaven. Da vet brukeren hva som kommer. Det gjørgjør ogsåogså sida bedre for brukere som bruker skjermleser, da mange H5P-typer mangler overskriftsnivå.overskriftsnivå.
  • Lag nødvendignødvendig introduksjonstekst ovenfor H5P. Husk åå bruke teknologiuavhengige ord ("velg" i stedet for "klikk/trykk" og "flytt" i stedet for "dra").

Navigasjon og fokusrekkefølgefokusrekkefølge

  • Det er tydelig og lett åå forståforstå for brukeren hva hen skal gjøre.gjøre.
  • Klikkbare elementer og slippsoner er lette åå oppdage og bruke med hjelpemidler.
  • Det er naturlig rekkefølgerekkefølge i elementene (WCAG 1.3.2).
  • Det er best for eleven åå ha hele H5P-en i ruta. UnngåUnngå at elevene måmå skrolle for åå se hele H5P-en. 
  • Bruker kan bruke ressursen med skjermleser og tastatur (WCAG 2.1.2).

Dra og slipp-oppgaver/fyll inn tekst/dra tekst

  • Dra og slipp-oppgaver skal ikke ha for mange felt (Over åtteåtte par er mye).
  • Fyll inn ord/dra og slipp ord-oppgaver børbør ikke værevære for lange. Inntil åtteåtte felt er passelig. Maks ett ord per setning, elever trenger åå kunne se/hørehøre resten av setningen for åå fåfå med seg sammenhengen. Elever foretrekker åå dra ord over åå skrive inn ord. 

Course Presentation

  • Course Presentation har innebygd sidenavigering. Vi bruker hovedsaklig denne. Eventuelle unntak skal klareres med deskkontakt førfør produksjon.
  • UnngåUnngå åå bruke Course Presentation som "container" for mange ulike interaktive oppgavetyper. Det blir dårligdårlig med plass, og gir to ekstra lag med ulike navigasjonsmetoder i tillegg til vanlig navigasjon påpå fagsiden påpå ndla.no. Legg heller oppgaver i artikkelen eller samle disse inn i Quiz (Question set).
  • UnngåUnngå kompliserte Course Presentations med mye ulikt innhold (ikke bådebåde fagstoff, oppgaver, bildeshow og refleksjonsoppgaver)
  • Vi unngårunngår ensidige Course Presentations (tidligere brukt som kollasj). Kontakt din deskkontakt for alternativer, vi kan lage et sammensatt bilde, en SVG eller bruke grid-verktøyverktøy.

Uu-innhold om ulike innholdstyper

ØvrigeØvrige uu-regler for tekst, lyd, video og bilde gjelder ogsåogså her. Sett deg inn i aktuelt innhold om innholdstypene:

Uu og bestemte H5P-typer

Uu: kodekammer

Relatert innhold:

Kilde

Tilsynet for universell utforming av ikt. (u.å.å.). WCAG-standarden. Hentet 08.06.23 fra
https://www.uutilsynet.no/wcag-standarden/wcag-standarden/86

Skrevet av Stina Grolid

Back to top