Checklista för tillgänglighetskoll

Använd korrekta rubrikformat

Det är viktigt att rubrikerna är formaterade med korrekt rubriknivå för att webbplatsen ska fungera bra för den som navigerar med någon form av hjälpmedel, till exempel talsyntes. Om du skapar en rubrik bara genom att feta texten blir den inte uppläst som en rubrik.

  • Korrekta rubriknivåer väljer du under ”Stilar” i Episervers editor, dvs. Rubrik 2, Rubrik 3, Rubrik 4 osv. (Rubrik 1 är alltid sidans titel, och det ska bara finnas en titel på sidan.)

  • Rubrikerna ska alltid användas i storleksordning, dvs den första mellanrubriken ska vara Rubrik 2, först därefter ska du använda 3:an, och efter det 4:an. Efter en mindre rubrik går det förstås att gå tillbaka till en större grad.

Ge sidan en tydlig och enkel struktur

Det viktigaste ska ligga överst på sidan, minst viktigt ska hamna längst ner. Besökaren ska snabbt få klart för sig vad sidan handlar om.

Några tips för att få en överskådlig sida:

  • Skapa en luftig struktur med många mellanrubriker och korta stycken.

  • Skriv enkelt, använd gärna punktlistor och tänk på att använda klarspråk. Det finns en checklista för klarspråk på medarbetarwebben.

  • Använd alltid ingress, som ska vara max 300 tecken och innehålla det viktigast i din text. Den ska svara på frågan "Vad innehåller den här sidan?".

  • Det blir svårt och tungläst för besökaren med många långa meningar. Använd gärna varierande längd på meningarna, och var frikostig med kommatecken för att underlätta läsningen.

Lägg in alt-text på bilder

Alt-texten blir uppläst för den som lyssnar på webbsidan, och syftet med den är att beskriva bilden för den som inte kan se den. Alt-texten visas också för den som surfar utan att visa bilder.

Alt-texten är numera obligatorisk i Episerver, för att möta den nya lagen om tillgänglighet. Det går inte att publicera en ny bild om den inte har fått en alt-text. Om du ändå publicerar sidan kommer bilden att markeras med ett rött kryss. Alttexten hämtar vi från Imagevault. Titel, fotograf och beskriving samt avtal är tvingande när du lägger in en bild i Imagevault.

Bilder som publicerades tidigare (före januari 2020) visas fortfarande, men även dessa bilder behöver ges en alt-text för att följa lagen om tillgänglighet.

Undantag kan göras för bilder som bara är dekorativa, men det måste också markeras i bildens redigeringsläge.

Det du behöver göra är att gå in i bilden i redigeringsläget och ge den en svensk och engelsk alt-text och publicera den.

Så här lägger du till din alt-text


Leta upp bilden i Imagevault. Klicka på "Organisera" . Fyll i Titel, fotograf och beskriving samt avtal . Dessa fält är tvingande när du lägger in en bild i Imagevault.

Om du har svårt att hitta namnet på en redan uppladdad bild brukar det fungera bra att markera bilden. Högerklicka , välj "Spara som". Då ser du bildens namn

 

Tips för en bra alt-text 

  • Beskriv motivet (till exempel "Man i grön keps äter banan på gångväg. Foto.").
  • Avsluta med punkt så att skärmläsande program vet att alt-texten är slut.
  • Utelämna onödiga ord som "Porträtt av ...", "Bild av..." etc. det blir tjatigt i de listor som alstras och läses upp av besökarens skärmläsarprogram.
  • Ange vad det är för typ av bild sist i alt-texten, till exempel foto, illustration, diagram eller liknande.
  • Ta inte med fotografens namn i alt-texten, skriv det i stället i fältet ägare/owner. Skriv också fotografens namn i bildtexten så att det visas på webbplatsen.

Här kan du lära dig mer om alt-texter och digital tillgänglighet



Skriv tydliga och beskrivande länkar

Tydliga länkar underlättar för alla, men är särskilt viktiga för personer som använder vissa hjälpmedel. 

För användare med nedsatt motorisk förmåga kan varje interaktion kräva mycket tid eller energi. Låt därför syftet med varje länk vara så tydligt att användaren enkelt kan avgöra om hen ska följa länken eller inte. 

Skärmläsaranvändare kan välja att navigera genom att enbart läsa upp alla länkar på en sida. Sträva därför efter att länktexten ska gå att förstå även om den är tagen ur sitt sammanhang och undvik upprepningar.

Checklista för bra länktexter

  • Länka ord som säger något om vart länken leder och undvik onödiga ord i själva länken. 
  • Använd gärna den länkade sidans rubriktext som länktext.
  • Ange om länken går till en annan webbplats.
  • Undvik formuleringen ”läs mer”, dels som egen länk och dels i början av en längre länk. Undvik också otydliga formuleringar som "klicka här" eller "hitta hit".
  • Använd gärna punktlistor om du har flera länkar.
  • Skriv ut e-postadresser i klartext.


Några goda exempel

Skapa tillgängliga pdf-filer

Fundera på om innehållet i ditt dokument inte passar bättre som en egen webbsida istället för att laddas upp. Publicera i första hand dokument genom att lägga innehållet på en webbsida. Om du måste lägga ut ett dokument, se då till att göra det tillgänglig. Dokument som laddas upp på webben ska vara i PDF-format (vissa undantag kan förekomma).

Pdf-dokument är inte automatiskt tillgängliga för alla. Därför rekommenderar webbriktlinjerna att du så långt som möjligt undviker pdf:er och istället publicerar ditt innehåll som html (alltså vanlig text på en webbsida). Om du trots allt måste publicera en pdf kan du kort beskriva dess innehåll i anslutning till länken, för att hjälpa besökaren att avgöra om hen har nytta av att ladda ner dokumentet.

Lagen om tillgänglighet till offentlig digital service omfattar alla dokument skapade efter 23 september 2018. Hur vi på Mittuniversitetet väljer att förhålla sig till detta retroaktiva krav är ännu inte klart, men det är i alla fall mycket viktigt att vi ser till att göra rätt från och med nu (hösten 2020). Därför gäller instruktionerna nedan nya pdf:er som måste publiceras. Har du en äldre men viktig eller flitigt läst pdf-fil behöver du åtgärda den också.

Tillfällen då det kan vara bättre att ladda upp ett dokument på webbplatsen:

  • dokument som är långa och som i första hand är tänkta att läsas i utskrivet format
  • dokument som är statiska över tid, såsom kursplaner och instruktioner
  • dokument som är beroende av att layout, grafik och innehåll alltid presenteras på samma sätt
  • dokument som är bundna enligt lag att se ut på ett specifikt sätt
  • dokument som är illustrerade med tabeller med flera kolumner, eller innehåller matematiska formler eller andra element som kräver särskilda dokumentformat.


Det viktigaste vid konverteringen är att texten verkligen är text, alltså inte text som skannats in som en bild. Se också till att rubrik, ingress, brödtext och bilder är korrekt uppmärkta.

Gör så här för att skapa en tillgänglig PDF

När du skapar en tillgänglig PDF bör du göra så mycket som möjligt redan när du jobbar med dokumentet i Microsoft Word (eller Adobe InDesign). Behöver du göra justeringar i en PDF-fil så krävs det kunskap i program som till exempel Acrobat Professional. Läs mer om hur du skapar tillgänglig pdf-fil i Acrobat Pro.För att en pdf-fil ska bli tillgänglig är det viktigt att den är skapad utifrån ett korrekt ursprungsdokument, som regel i Word. Det gör du genom att

  • Filen ska vara försedd med kodade taggar i ett taggträd. I Word gör du det genom att välja "Visa taggar för dokumentstruktur". Alternativet finns att hitta under "alternativ" när du sparar dokumentet som PDF. Oftast är det valet redan aktiverat som grundinställning.
  • Tagga rubriker med rubriknivåer. Det görs lättas genom att använda de förvalda formateringarna för "Rubrik 1", "Rubrik 2" o.s.v.
  • Förse bilder, diagram och bildbaserade figurer med alternativtexter. Högerklicka på bilden och välj "Formatera bild" och sedan "Layout och egenskaper".
  • Definiera läsordningen. Normalt ska den vara inställd på "Använd dokumentstruktur".
  • Gör en innehållsförteckning i längre dokument (gärna presenterad som bokmärken i PDF-filen). 
  • använda formatmallar med korrekta rubriknivåer
  • ange alt-texter för bilder och icke textbaserat innehåll
  • formatera tabeller med rubrikrad och alt-text.


Bilder: Markera  bilden, högerklicka och välj formatera bild för att lägga till alt-texten. Välj "layout och egenskaper" i dialogfönstret som dyker upp och ange alt-texten i rutan för beskrivning.

Tabeller: Markera tabellen, högerklicka och välj tabellegenskaper för att lägga till alt-texten. Välj fliken alternativtext och ange alt-texten i fältet beskrivning. Se också till att kryssrutan för rubrikrad under fliken design är ibockad.

Testa dokumentets tillgänglighet i Word


Om du får dokumentet i Wordformat kan du testa det i Microsofts tillgänglighetskoll innan du sparar det som pdf. Det kan du göra genom att skriva in "Tillgänglighetskontroll" i hjälpfunktionen. Då får du anvisningar om vad som eventuellt behöver göras direkt i dokumentet.

Du kan också lyssna på den färdiga filen för att säkerställa att den läses upp på ett bra sätt.

Spara en tillgänglig PDF

  1. Innan du sparar ditt Word-dokument som en PDF så kan du göra en tillgänglighetskontroll. Det gör du genom att gå till "Arkiv", "Kontrollera dokument/felsök" och sedan "Kontrollera tillgänglighet". Åtgärda eventuella problem med dokumentet och kör sedan kontrollen på nytt.
  2. För att spara filen i PDF-format så väljer du "Arkiv" och sedan "Spara som". Välj sedan var du vill att filen ska sparas.
  3. I fältet "Filformat" (placerat under fältet "Filnamn") Väljer du alternativet "Spara som PDF"
  4. Försäkra dig om att valet "Visa taggar för dokumentstruktur" är aktiverat genom att klicka på "Alternativ".
  5. När du är klar så klickar du på "Spara".

Fler tips när du arbetar i word (Windows eller macOS)

Fler tips när du arbetar i excel (Windows eller macOS)

Ställ krav på materialet du får


Om du som webbpublicerare blir ombedd att publicera ett dokument är det du som ansvarar för att det är tillgängligt, men du kan alltid be din uppdragsgivare att se till att du får ett korrekt och tillgängligt dokument att publicera.

Rätta en pdf-fil


Behöver du rätta en pdf-fil går det att göra i Arobat pro. Men det är mycket enklare att göra rätt i källsystemet än att rätta i efterhand.

Pdf:er skapade från andra program än Word


Tillgänglighetskraven gäller också för pdf:er skapade från andra program än Word, som till exempel Excel, Powerpoint eller InDesign. Microsofts tillgänglighetskontroll finns inbyggd i alla Microsoftprodukter. För InDesign finns också inbyggd funktionalitet och en checklista är också på gång. Rekommendationen är dock att fortsatt att försöka undvika pdf:er på webbplatsen och istället presentera informationen direkt på webbsidorna.
 

Texta och syntolka nya filmer

Textning


Cirka en halv miljon svenskar använder sig av hörapparat och så många som 1,5 miljoner har svårt att höra. Det innebär att rörlig bild behöver ha både ljud och text. Förutom att texta tal i dina filmer behöver du också i text beskriva andra ljud som förkommer i filmen och som har betydelse för sammanhanget. Undertexter gör det också möjligt för alla de som har ljudet avstängt att ta till sig innehållet i en film.

Om filmen inte textas måste den tas bort från webbsidan efter två veckor.

Lagen om tillgänglighet till offentlig digital service omfattar alla filmer publicerade efter 23 september 2020. 

Automatisk textning


Nedan listas några tjänster för automatisk textning som kan vara till hjälp om du ska texta längre filmer. Observera dock att kvaliteten på autotextning varierar. Titta därför alltid igenom filmen när textningen är gjord och korrigera eventuella felaktigheter.


Syntolkning


För att de cirka 100 000 synskadade i Sverige ska kunna ta till sig videomaterialet behövs också det som syns men inte hörs beskrivas. så kallad syntolkning. Syntolkningen beskriver det som inte framgår av dialogen eller ljudläggningen. Det gäller att välja ut rätt saker att beskriva, för att ge den synskadade tittaren en bra bild av vad som händer. Handlingen är förstås viktigast, här ingår också saker som ansiktsuttryck och gester som har betydelse för historien. Men i mån av plats ska också scenografi, utseende och kostym beskrivas. En syntolkning får inte krocka med dialogen, och det finns ofta begränsat med tid för syntolken att prata.

De flesta lagringsplatser för video, inklusive Youtube, stöder inte flera ljudspår till en video. Därför får den syntolkade videon läggas som en separat videoversion. I denna version kan extra pauser i videoinnehållet möjliggöra att syntolkningen får plats. 

Fakta

Lag om tillgänglighet till digital offentlig service (DOS)

DOS-lagen är svensk lag sedan 1 januari 2019. Den bygger på EU-direktiven om webb och tillgänglighet och omfattar myndigheters webbplatser, e-tjänster, appar och så långt som möjligt också innehåll hos tredje part (såsom sociala medier). 

Målet är att alla ska kunna ta del av den offentliga digitala servicen. Du ska kunna uppfatta, hantera och förstå tjänster, oavsett vilken situation du befinner dig i, vilken funktionsnedsättning du eventuellt har och oberoende av vilka hjälpmedel du använder. 

Myndigheten för digital förvaltning (DIGG) är tillsynsmyndighet.

WCAG 2.1

DOS-lagen omfattar Webb Content Accessibility Guidelines (WCAG) 2.1, nivå AA. Checklistan beskrivs i något förenklad form på svenska på webbriktlinjer.se, som är de officiella riktlinjerna för hur myndigheter bör arbeta med webbplatser.