Navigera sidan:

Digital tillgänglighet
Text till tal
Rubriker och underrubriker
Bilder
Länkar
Undertexter
Formatering av text
Kontrollera tillgänglighet

Digital tillgänglighet

Enligt lagen om digital tillgänglighet ska offentliga aktörers webbplatser vara tillgängliga. På Myndigheten för digital förvaltning kan du läsa mer om vad du ska göra för att leva upp till lagen.

According to the law on digital accessibility, websites in the public sectort should be accessible. Jisc provides a comprehensive guide (Accessibility regulations) that you can read more about what you should do to comply with the law.

It is important to be aware of these legal requirements and strive to meet them as soon as possible, taking into account one's own workload and the students' ability to access the learning material. For example, if a teacher does not have time to caption their existing videos immediately, it may be better to keep them available, helping any students in need of captions in other ways until captioning can be done. Excluding videos altogether because of captioning requirements might reduce students' ability to access the course material, which can particularly affect students with special educational needs. The most important thing is to create accessible materials moving forward

This page shows how you can create accessible material for course pages in Studium.

You can read more general tips about accessiblity on the Employee portal.

Text till tal

ReadSpeaker webReader är ett program som omvandlar text till tal och finns nu integrerat i Studium för både lärare och studenter. Detta innebär att du kan du få texten på en sida i Studium uppläst för dig. Som användare behöver du inte ladda ner någonting för att använda programmet och du väljer själv om programmet skall vara aktivt eller inte. Läs mer på guidesidan Text till tal (ReadSpeaker).

Rubriker och underrubriker

Korrekt skapade rubriker underlättar på många sätt. Studenter som läser sidan får en överblick över dokumentet. Studenter som använder skärmläsare har lättare att navigera på sidan om innehållsredigerarens rubrikalternativ används. Läs mer på sidan Skapa rubriker med h-element.

I Studium är alla sidrubrikerna Rubrik 1.

Tänk på att sedan använda underrubriker för att organisera sidans innehåll. Välj mellan Rubrik 2, Rubrik 3 och Rubrik 4.

Bilder

Användare som är beroende av till exempel skärmläsare och punktdisplay behöver beskrivningar av allt innehåll som inte är text.

När du lägger in en bild (eller ett diagram) på din kurssida ska du fylla i Alternativ text med en text som beskriver bilden, inte bildens filnamn.

Ett undantag: om bilden är helt dekorativ, (t.ex, en avdelare) kan man kryssa i Dekorativ-bild när man bäddar in den och då skippar skärmläsaren den.

Läs mer om om beskrivning av bilder på Digital tillgänglighet.

Länkar

Skärmläsare-applikationer läser upp länkar. Om länken är inte formaterad på rätt sätt så försöker programmet läsa upp länken. Använd länktexten för att beskriva innehållet som du länkar till, alternativt länkens funktion.

Jämför några exempel länkar från Canvas General Accessibility Design Guidelines:

Dåligt exempel

Lyssna hur skärmläsaren läser denna mening + länk: "Donald Tapscott, in his paper 'Growing Up Digital, http://www.ncsu.edu/meridian/jan98/feat_6/digital.html says these students..."

Bra exempel

Lyssna hur skärmläsaren läser denna mening + länk: "Donald Tapscott, in his paper '' Growing Up Digital ," says these students..."

Undertexter till filmer

Läs mer på DIGGs webbsida Vägledning för webbutveckling.

Uppladdad video från din dator

Studium har en egen videotjänst som heter Canvas Studio. Du hittar till Studio via ikonen i Globala menyn. Här kan du som lärare ladda upp videos som ska visas på en kurssida.

Studio erbjuder bra möjligheter att lägga till undertexter - man kan ladda upp en färdig fil eller låta Studio automatiskt skapa undertexter. De automatgenererade texterna kan (bör) redigeras i efterhand. Studios hjälpsida Lägg till undertexter beskriver hur du ska gå tillväga.

Formatering av text

Tänk på att val av text- och bakgrundsfärg påverkar kontrasten. En låg kontrast mellan bakgrund och text försvårar läsning. Verktyget 'WebAIM Contrast Checker' kalkylerar vilka färgkombinationer skapa en tillräckligt bra kontrast (mer än 4,5, men helst över 7,0).

Här är exempelfärger (ursprungligen från Canvas General Accessibility Design Guidelines)

Underkänt: (under 4.5)

Gul text: 1.07:1

Ljusgrön text: 1.12:1

Orange text: 2.14:1

Rosa text: 3.14:1

Röd Text: 4:1

Bra: (4.5 to 7)

Blå text: 4.68:1

Mörkgrön: 5.14:1

Lila text : 6.95:1

Bäst: (Over 7)

Orange/brun: 7.43:1

Mörkgrå: 12.63:1

Svart text: 21:1

Kontrollera tillgänglighet

Innan du publicerar en sida kan du kontrollera om din sida måste ändras på grund av tillgänglighetsproblem.

Så här gör du:

Tryck på knappen Kontrollera tillgänglighet som finns under innehållsredigeraren.
Se resultatet av kontrollen, och göra ändringar i skärmen till höger

Observera att verktyget inte kontrollerar:

att bildbeskrivningar är användbara (bara att de finns)
att filminnehåll har undertexter
att länknamnen är beskrivande (se beskrivningen ovan)