Rekommendationer för tillgänglig videoLänk hit

• Använd gärna video.
• Använd undertexter.
• Erbjud syntolkning eller se till att viktig information framgår av ordinarie ljud.
• Erbjud översättningar (till exempel till svenskt teckenspråk) vid behov.
• Använd videospelare med bra tillgänglighet.
• Begränsa blinkande för att inte orsaka krampanfall.
• Ställ krav på tillgänglighet när ni upphandlar videoproduktion.
• Planera produktionen med hänsyn till tillgänglighet.

Använd gärna videoLänk hit

Många gånger kan det vara lättare att ta till sig innehåll i en video än om motsvarande information skulle finnas i en längre text. Använd gärna video som komplement till textbaserad information för att nå personer som har svårt att läsa eller inte kan läsa men som förstår talspråk med stöd av visuell information.

Den här riktlinjen handlar om hur video kan göras tillgänglig för så många människor som möjligt, oberoende av t.ex. funktionsnedsättning. Det är en av flera riktlinjer om video och annan rörlig media på webben.

Använd undertexter

Digital video ska i princip alltid ha undertexter.

Se R117. Texta inspelad rörlig media (video, ljud, animationer…) och R119. Texta direktsändningar

Erbjud syntolkning eller se till att viktig information framgår av ordinarie ljud

Ordna med syntolkning om det behövs för att personer med begränsad syn ska kunna ta del av videoinnehåll.

Se R120. Syntolka videoinspelningar.

Erbjud översättningar (till andra språk) vid behov

Videomaterial kan textas på fler än ett språk, och det går även att lägga in alternativa ljudspår (kallas ibland dubbning) eller fälla in en teckenspråkstolk i bild.

Organisationens uppdrag och målgruppernas behov bör avgöra vilka översättningar ni erbjuder. Läs mer om minoritetsspråk och översättningar i R13. Ge information på svenskt teckenspråk, R14. Ge information på de nationella minoritetsspråken och R15. Ge information på engelska och andra språk.

Symbol för information på teckenspråk. För licensinfo, se avsnittet om återanvändning av symboler i webbriktlinje R165.

På Malmö stads videoportal finns exempel på en video där användaren kan välja att slå på och av både teckenspråkstolkning och textning. Filmen finns översatt till en rad olika språk som användaren kan välja att visa. Här på webbriktlinjer.se pågår experiment med en spelare där tolkning går att aktivera med knappar. Ytterligare exempel på infälld teckenspråkstolk på bild finns på TV4-tolken.

Använd videospelare med bra tillgänglighet

I takt med att webbläsare får bättre stöd för html5 kommer förhoppningsvis en tillgänglig videospelarfunktion automatiskt användas för presentation av innehåll som infogas med hjälp av html-elementet video. Men än så länge brister tyvärr tillgängligheten i många webbläsares implementation av html5-video. Det kan handla om att användaren inte kan navigera i spelaren med hjälp av tangentbord eller använda den med skärmläsare, eller att textspår inte kan visas. Därför kan man behöva använda tilläggskod (oftast bestående av JavaScript och css, och möjligen komplettera med länk till nedladdningsbar fil på standardformat). Det finns många olika videospelare att välja bland.

Använd om möjligt relativa mått (till exempel i procent) för att ange videospelarens bredd. Publikationen CSS-tricks beskriver hur detta kan åstadkommas med några vanliga videotjänster. Om bredden anges med fasta pixlar riskerar webbplatsens responsivitet att brytas.

Många organisationer abonnerar på videoplattformar från externa leverantörer. I dessa fall gäller det förstås att ställa motsvarande krav på tillgänglighet vid upphandling.

Ibland fungerar det bra att bädda in (på engelska: embed) video från någon gratis distributionsplattform, men tillgängligheten i sådana spelare varierar och ofta innebär det att användarens intresse kartläggs av tredje part med hjälp av kakor med mera. Läs mer om tredjepartsinnehåll i R67 Se till att infogade externa tjänster följer webbriktlinjerna.

Många olika exempel på tillgängligt videoinnehåll och hur det kan presenteras (och kodas) finns på demonstrationssidor från Ableplayer.

Begränsa blinkande för att inte orsaka krampanfall

Se R133. Orsaka inte epileptiska anfall genom blinkande.

Ställ krav på tillgänglighet när ni upphandlar videoproduktion

Det är viktigt att ställa krav på tillgänglighet vid upphandlingar, eftersom många vägval avgörs just i detta skede. Förändringar i upphandlingslagarna gör att det från 2017 dessutom är lagkrav på detta. Många produktionsbolag är fortfarande ovana vid krav på tillgänglighet vid videoproduktioner, men tydlig efterfrågan på t.ex. textning och syntolkning bör leda till ökad kunskap och lägre priser.

Använd alla relevanta webbriktlinjer, inte bara denna, när du ställer krav vid upphandling för webbvideo. Se sidan Följ standarder för tillgänglighet. Standarderna innehåller kriterier om till exempel kontraster i textplattor som kan förekomma som en del av filmerna.

Samma sak gäller förstås vid upphandling av videoplattform.

Planera produktionen med hänsyn till tillgänglighet

Om ni tar hänsyn till tillgänglighet redan på planeringsstadiet kan resultatet med ganska små åtgärder bli betydligt mer inkluderande.

Tips för att ta fram ett bra manus:

• Låt personerna i filmen presentera sig. Då kan en person som använder hörseln för att uppfatta videon koppla rösten till namnet och har på så vis lättare för att skilja på personerna i videon.
• Byt inte kläder på personer i filmen i onödan. Genom att till exempel låta en person behålla samma tröja genom hela filmen blir det enklare för flera kategorier av tittare att hålla reda på vem som är vem.
• Presentera händelser med hjälp av en berättarröst och lägg in saker i handlingen som gör att man kan förstå filmen utan att behöva se bilderna.
• Tänk igenom de olika ljudmiljöerna och fundera över vilka ljud som behöver förstärkas och vilka som kanske ska tas bort. Tänk på att inte dränka viktiga miljöljud med musik. Miljöljuden ska helst höra ihop med bilderna och föra berättelsen framåt.
• Använd kontrast och färg konsekvent.

Fördjupning om webbvideoLänk hit

• Andra aspekter än tillgänglighet som också berör video på webben (till exempel bevarande och prestanda) kan du hitta genom att söka på webbriktlinjer som innehåller ordet video.
• Digital video är ett bra verktyg för att skapa tillgängliga onlinemöten.
• Malmö stad har publicerat en rapport om rörlig bild i kommunal verksamhet (pdf, 2,2 MB).
• Delar av denna riktlinje är en bearbetning av Åsa Holmbergs sammanfattning av ett möte om webbvideo med MITT-nätverket.
• Myndigheten för tillgängliga medier (MTM) har publicerat en rapport som belyser syntolkning ur många perspektiv.
• Det finns både professionell utrustning (inklusive speciella tangentbord för direkttextning) och gratisverktyg för textning av video.

Exempel på kod för tillgänglig webbvideoLänk hit

Exakt hur din video bör infogas i en webbsida beror på vilka komponenter den består av, vilken html-version du använder (se rekommendationer för att välja standard, R81), vilken videospelare du använder, hur javascript används med mera.

Här kommer ett exempel som visar hur det kan se ut i html5 för att infoga en film med stängda undertexter på svenska och engelska (där den svenska är uppdelad på två filer – en som innehåller den talade dialogen och en som beskriver andra viktiga ljud). Dessutom finns länkar för den som inte kan spela upp innehåll i webbsidan men önskar ladda ner det. Audio-elementet med syntolkning som ligger sist behöver kopplas till videofilmen med hjälp av javascript (som inte finns med här).


<video width="1100" height="800" poster="statisk_bild.jpg"
controls="controls" preload="none" title="Beskrivning av film">
<source type="video/mp4" src="videofil.mp4" />
<track src="dialogundertext.vtt" kind="captions"
srclang="sv" default label="Svenska" />
<track src="engelska.vtt" kind="subtitles" srclang="en" label="English" />
<track src="textbeskrivningar.vtt" kind="transcript" srclang="sv" label="Beskrivningar" />
Din webbläsare verkar inte kunna visa upp filmen.
<a href="videofil.mp4">Ladda ner filmen</a>
</video>
<audio preload="none" controls="controls" title="Ljudinspelning med syntolkning av filmen">
<source src="syntolkning.mp3" type="audio/mp3"/>
Din webbläsare verkar inte kunna spela upp syntolkningen.
<a href="syntolkning.mp4">Ladda ner syntolkningen</a>
</audio>
<a href=”tecken.html”>Version med tolkning till svenskt teckenspråk</a>


För den som använder äldre html-versioner kan tillgängliga mediealternativ synkroniseras med hjälp av smil-standarden.

MätbarhetLänk hit

Gör en expertgranskning eller användningstester för att säkerställa att riktlinjen uppfylls.

Kontrollera även att det går att använda tangentbordet för att

• tabba sig fram till videospelaren
• kontrollera uppspelningen med tangentbordet (och att det är tydligt hur man gör) och
• ta sig från videospelaren till det övriga innehållet med hjälp av tangentbordet.

Du kan också blunda och lyssna på filmen. Går viktig information förlorad?

Riktlinjen om flimmer går att testa med automatiska verktyg, men oftast räcker en manuell bedömning.

TerminologiLänk hit

Vi använder här uttrycken “video”, “film”, “onlinevideo” och “webbvideo” omväxlande för all form av digital rörlig bild med ljud. I WCAG används det något vidare begreppet “tidsberoende media” (eng “time-based media”) som även innefattar ljudinspelningar utan bild, filminspelningar utan ljud, och annan “rörlig” media med eller utan interaktivitet. Till exempel spel och animationer. Kännetecknande för tidsberoende media är att de behöver återges i en lämplig takt, därav kopplingen till tid.

För textremsa används på webben ofta formatet WebVTT (web video text tracks), men det finns även andra filformat för lagring och överföring av textning till video.

OVP är en förkortning av online video platform, det vill säga videoplattform.