Universell utforming i Canvas

Universell utforming handler om å gjøre innholdet tilgjengelig for alle. Når du presenterer digitalt innhold i emnet ditt, må du følge reglene for universell utforming. Men det handler også om å tilgjengeliggjøre innholdet i undervisningsøkten på en måte som gir alle studentene tilgang til informasjonen.

Vi har laget en veiledning om hvordan du kan legge til rette for Universell Utforming i Canvas (oslomet.instructure.com)

Universell utforming av bilder

Når du bruker bilder i Canvasemnet ditt er det to ting som er viktig å huske på.

Husk alternativ tekst på bilde eller kryss av for at bildet er dekorativt.
Gjør bildet responsivt. Dette betyr at bildet ser likt ut uansett hva slags plattform du bruker. Bilder som er basert på piksler har en tendens til å skli ut eller bli veldig store når man bruker en mindre skjerm.

Hvordan lage bildet responsivt?

Du kan gjøre bildet ditt responsivt ved å trykke på bildet og deretter bilde-alternativer. Under Dimension Type, velg prosent.

For å lage bildet responsivt i Canvas kan du også gå inn i html-redigeringsprogrammet og finner fram til bilde-tagen. Her er et eksempel:

<img id="2747532" style="float: right;" role="presentation" src="https://oslomet.instructure.com/courses/24932/files/2805477/preview" alt="" width="1068" height="752" data-api-endpoint="https://oslomet.instructure.com/api/v1/courses/24932/files/2805477" data-api-returntype="File" /></p>

Ved width og height legger du til %-tegnet og en verdi for %. Eksempel basert på koden over:

<img id="2747532" style="float: right;" role="presentation" src="https://oslomet.instructure.com/courses/24932/files/2805477/preview" alt="" width="30%" height="30%" data-api-endpoint="https://oslomet.instructure.com/api/v1/courses/24932/files/2805477" data-api-returntype="File" /></p>