Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Expand
titleUndvik kursiv, understruken och versal text

Läsbarheten påverkas av kursiv, understruken och versal text på en webbsida. Därför är rekommendationen att undvika detta.

  • Vill du ge titlar på skrifter och liknande en grafisk markering är citattecken att föredra framför kursiv text.

  • Understrykningar ska inte användas. besökaren kan tro att det understrukna är en länk.

  • Helt versala rubriker och texter försämrar läsbarheten helt enkelt för att vi inte är vana vid det. Börja med stor begynnelsebokstav och i övrigt gement.

Tillgänglighetskrav

Note

Under uppbyggnad.

Bilder

Bilder kan tydliggöra informationen på en webbsida och göra det enklare för en besökare att ta till sig informationen. Vid innehåll där bilder har ett eget syfte, till exempel om vi vill visa för presumtiva studenter hur det är att studera på Göteborgs universitet eller visa forskning, kan det vara aktuellt med bilder på en webbsida. Men innehåll där informationen är i fokus behöver vi inte ha bilder eftersom det kan dra fokus från själva informationen.

Ställ dig alltid frågan om bilden faktiskt bidrar till att tydliggöra informationen innan du publicerar en bild.

Expand
titleAlt-text

Det är inte alla som kan se de bilder som du har valt ut till en webbsida. De som använder sig av verktyg som skärmläsare eller punktdisplay behöver därför få en textbeskrivning av bilden.

Beskrivning ska enbart ges om bilden är informationsbärande, inte om den enbart är dekorativ. En dekorativ bild tillför inte någon information till sidan, utan är bara till för att "vila ögonen på", eller lätta upp textinnehållet.

För att ge bilden en beskrivning används textalternativ, ofta kallat alt-text. Håll texten kort och förmedla den information som är viktig. Undvik onödig text som "Bild av ..." eller kompletterande info. Bildtexten (som syns under en bild) har som syfte att komplettera bilden, med exempelvis upphovsrätt eller förklaring hur bilden knyter an till sidan.

Läs gärna DIGG:s text om textalternativ på webbriktlinjer.se

Expand
titleUpphovsrätt och GDPR

När du använder bilder måste du vara medveten om att det finns lagar och regler som tydligt reglerar vem som har rättigheterna. För oss som arbetar på en myndighet är det extra viktigt att vi respekterar samtycke och upphovsrätt när det gäller bilder.

Precis som med tryckt material gäller upphovsrätt på bilder och foton på internet. Det är därför olagligt att använda bilder utan tillstånd. Säkerställ alltid att du har tillstånd att använda bilden.

Använda bilder - lagar, rättigheter och rekommendationer

Expand
titleBildbanker

Göteborgs universitet har en egen bildbank med bilder som fritt får användas för att illustrera verksamheten.

Det finns även flera gratis bildbanker med bilder som fritt får användas. Var försiktig med använda bilder med identifierbara personer när du använder dessa tjänster, eftersom du inte kan bevisa att du har samtycke från de avbildade personerna ifråga.

Hitta bilder - GU:s bildbank och externa bildbanker

Expand
titleRedigeringsprogram

Om du saknar ett bildredigeringsprogram, som exempelvis Photoshop, finns det webbaserade verktyg som du kan redigera bilder i. En sådan tjänst är Pixlr Editor som är webbaserad och gratis.

Video

Video kan förtydliga information som finns på en webbsida. Däremot ska vi använda video med eftertanke eftersom information i video inte är tillgänglig för alla. En video kan också distrahera konkurrera från informationen på sidan samt göra att sidan tar lång tid att ladda, vilket i sin tur påverkar sökmotorer negativt.

Expand
titleTillgänglighet i video

Lagen om digital tillgänglighet ställer många krav på filmer; bland annat ska filmerna textas, vi ska erbjuda alternativ till ljud eller video och vi måste syntolka eller erbjuda alternativ (manus/transkribering) till videoinspelningar.

Texta ljuder i inspelade filmer, hos digg.se

Expand
titlePublicera GU-producerad video och länka till andras produktioner

Liksom text på våra webbplatser ska vara skrivna av medarbetare på Göteborgs universitet, måste filmer vara producerade av medarbetare vid Göteborgs universitet. I egna produktioner äger vi innehållet och kan dessutom garantera att informationen i filmerna stämmer.

Om du tycker en film från en extern aktör innehåller bra info ska du istället länka till den plats där den externa aktören har publicerat filmen.

Dokument

Excerpt
nameDokument

Utgångspunkten är att vi ska undvika dokument på våra webbplatser. Besökare föredrar att läsa innehåll direkt på en webbsida istället för att ladda ner eller öppna en pdf. Det är också svårt att skapa tillgängliga dokument, vilket gör att vi i många fall inte följer lagen om tillgänglighet.

Dokument försämrar alltså användarvänligheten och det är därför vi i första hand ska undvika dokument och istället skriva direkt på webben.

Expand
titleTillgängliga pdf:er

Lagen om digital tillgänglighet ställer krav på oss att de dokument som finns på webben ska vara tillgängliga. Som utgångspunkt är det bra att du använder universitetets mallar för pdf.

Vidare har DIGG - Myndigheten för digital förvaltning, tagit fram en guide för hur du skapar tillgängliga pdf-dokument. Dock säkerställer inte guiden att pdf-dokumentet blir helt tillgängligt, vilket visar hur svårt det är att faktiskt skapa tillgängliga dokument.

Länkar

Med länkar kan vi hjälpa besökaren att hitta den information som hen letar efter, men också vägleda besökaren till att hitta ny information. Gemensamt för alla länkar är att de på ett tydligt sätt ska förklara var besökaren hamnar när en klickar på den.

Expand
titleLänkar ska öppnas i samma fönster

Länkar till samma webbplats, andra webbplatser och till dokument ska öppnas i samma fönster.

Expand
titleTydlig och unik länktext

Länktexten ska göra det tydligt för besökaren vart hen hamnar om hen klickar på länken. Kom ihåg att besökare med uppläsande hjälpmedel navigerar på sidan med hjälp av länktexten. Det innebär att länktexten måste vara unik och självständig från innehållet. Länkar du till samma innehåll på flera ställen använder du samma länktext.

Länkar du till en sida utanför den webbplats du är på, ska det tydligt framgå av länktexten. Exempel på länktexter på gu.se:

Använd inte texten ”läs mer”, ”mer information” eller liknande som länktext, det är varken bra ur tillgänglighetsperspektiv eller ur sökmotoroptimering.

Expand
titleSamla många länkar i en länklista

Om du har många länkar som du vill använda i samma stycke ska du helst samla länkarna under stycket. Om varannan fras består av en länk kan texten uppfattas som rörig och svårläst.

Expand
titleSpecialformatera inte länkarna

Använd ingen specialformatering på länkarna, de är redan anpassade för att vara korrekta på universitetets webbplatser.

Expand
titleGör inte om rubriker och ingress till länkar

Rubriker används för att reflektera texten direkt under rubriken. Lägg istället länken under stycket. I rubriken syns det inte heller att det är länkar förrän muspekaren rörs över dem.

Tabell

...

Språkversioner

Som innehållsansvarig vid Göteborgs universitet behöver du säkerställa att lagar och riktlinjer följs. Det innebär att när innehåll publiceras på svenska bör det åtminstone finnasen kortare summering på engelska. När ett innehåll publiceras på engelska måste det finnas en summering på svenska. Det finns enbart fördelar med att summera sitt innehåll på bägge språken eftersom man då uppfyller alla lagkrav samt når ut till en bredare målgrupp.

Som myndighet lyder Göteborgs universitet under dessa lagar och direktiv:

  • Språklagen (2009:600) anger att svenska är huvudspråk i Sverige och att myndigheter har ”ett särskilt ansvar för att svensk terminologi inom deras olika fackområden finns tillgänglig, används och utvecklas”.

  • Högskolelagen (1992:1434) anger att det i högskolornas uppgift ingår att samverka med det omgivande samhället och Göteborgs universitet ska därför sträva efter att förmedla forskning på klar och begriplig svenska, även inom de vetenskapsområden som domineras av engelska.

  • Enligt lagen om tillgänglighet (EN 9.3.1.1, WCAG 3.1.1 (A) måste webbsidans huvudsakliga språk vara angivet på ett maskinläsbart sätt, för att personer som använder skärmläsare ska få innehållet korrekt presenterat. Därför ska man inte blanda svenska och engelska på samma sida utan skapa olika språkversioner.

  • Den nordiska språkkonventionen (1987) garanterar att nordiska medborgare ska kunna använda sitt eget lands språk vid såväl muntlig som skriftlig kontakt med myndigheter och andra offentliga organ i ett annat nordiskt land. 

  • Göteborgs universitets vision Ett universitet för världen innebär bland annat att vi strävar efter att vara ett internationellt lärosäte vilket innebär att vår kommunikation ofta behöver ske på andra språk än svenska, framför allt engelska.

  • Göteborgs universitets språkpolicy slår fast att ”Det officiella kommunikationsspråket vid Göteborgs universitet är svenska men internationalisering innebär att engelska ofta används parallellt.”

 

Expand
titleLänkar:

Språklagen https://www.riksdagen.se/sv/dokument-och-lagar/dokument/svensk-forfattningssamling/spraklag-2009600_sfs-2009-600/

Högskolelagen https://www.riksdagen.se/sv/dokument-och-lagar/dokument/svensk-forfattningssamling/hogskolelag-19921434_sfs-1992-1434/

Lag om tillgänglighet https://www.digg.se/webbriktlinjer/alla-webbriktlinjer/ange-sidans-sprak-i-koden

Den nordiska språkkonventionen https://www.norden.org/sv/treaties-and-agreements/sprakkonventionen

Göteborgs universitets vision https://www.gu.se/om-universitetet/vision-och-varderingar/vision-2021-2030-ett-universitet-for-varlden

Göteborgs universitets språkpolicy

https://gunet.sharepoint.com/sites/k2-enheten-for-juridik-och-informationsforvaltning/ArchiveDocuments/%C3%85tkomstr%C3%A4tt%201%20-%20Internet/GU4969-492250492-374.pdf

Tillgänglighetskrav

Note

Under uppbyggnad.

För information om tillgängliga dokument, läs mer under avsnittet Dokument.

Bilder

Bilder kan tydliggöra informationen på en webbsida och göra det enklare för en besökare att ta till sig informationen. Vid innehåll där bilder har ett eget syfte, till exempel om vi vill visa för presumtiva studenter hur det är att studera på Göteborgs universitet eller visa forskning, kan det vara aktuellt med bilder på en webbsida. Men innehåll där informationen är i fokus behöver vi inte ha bilder eftersom det kan dra fokus från själva informationen.

Ställ dig alltid frågan om bilden faktiskt bidrar till att tydliggöra informationen innan du publicerar en bild.

Expand
titleAlt-text

Det är inte alla som kan se de bilder som du har valt ut till en webbsida. De som använder sig av verktyg som skärmläsare eller punktdisplay behöver därför få en textbeskrivning av bilden.

Beskrivning ska enbart ges om bilden är informationsbärande, inte om den enbart är dekorativ. En dekorativ bild tillför inte någon information till sidan, utan är bara till för att "vila ögonen på", eller lätta upp textinnehållet.

För att ge bilden en beskrivning används textalternativ, ofta kallat alt-text. Håll texten kort och förmedla den information som är viktig. Undvik onödig text som "Bild av ..." eller kompletterande info. Bildtexten (som syns under en bild) har som syfte att komplettera bilden, med exempelvis upphovsrätt eller förklaring hur bilden knyter an till sidan.

Läs gärna DIGG:s text om textalternativ på webbriktlinjer.se

Expand
titleUpphovsrätt och GDPR

När du använder bilder måste du vara medveten om att det finns lagar och regler som tydligt reglerar vem som har rättigheterna. För oss som arbetar på en myndighet är det extra viktigt att vi respekterar samtycke och upphovsrätt när det gäller bilder.

Precis som med tryckt material gäller upphovsrätt på bilder och foton på internet. Det är därför olagligt att använda bilder utan tillstånd. Säkerställ alltid att du har tillstånd att använda bilden.

Använda bilder - lagar, rättigheter och rekommendationer

Expand
titleBildbanker

Göteborgs universitet har en egen bildbank med bilder som fritt får användas för att illustrera verksamheten.

Det finns även flera gratis bildbanker med bilder som fritt får användas. Var försiktig med använda bilder med identifierbara personer när du använder dessa tjänster, eftersom du inte kan bevisa att du har samtycke från de avbildade personerna ifråga.

Hitta bilder - GU:s bildbank och externa bildbanker

Expand
titleRedigeringsprogram

Om du saknar ett bildredigeringsprogram, som exempelvis Photoshop, finns det webbaserade verktyg som du kan redigera bilder i. En sådan tjänst är Pixlr Editor som är webbaserad och gratis.

Video

Video kan förtydliga information som finns på en webbsida. Däremot ska vi använda video med eftertanke eftersom information i video inte är tillgänglig för alla. En video kan också distrahera konkurrera från informationen på sidan samt göra att sidan tar lång tid att ladda, vilket i sin tur påverkar sökmotorer negativt.

Expand
titleTillgänglighet i video

Lagen om digital tillgänglighet ställer många krav på filmer; bland annat måste filmerna textas, vi ska erbjuda alternativ till ljud eller video och vi måste syntolka eller erbjuda alternativ (manus/transkribering) till videoinspelningar.

Texta ljuder i inspelade filmer, hos digg.se

Erbjud alternativ till inspelningar som består av enbart ljud eller enbart video, hos digg.se

Syntolka videoinspelningar, hos digg.se

Expand
titlePublicera GU-producerad video och länka till andras produktioner

Liksom text på våra webbplatser ska vara skrivna av medarbetare på Göteborgs universitet, måste filmer vara producerade av medarbetare vid Göteborgs universitet. I egna produktioner äger vi innehållet och kan dessutom garantera att informationen i filmerna stämmer.

Om du tycker en film från en extern aktör innehåller bra info ska du istället länka till den plats där den externa aktören har publicerat filmen.

Dokument

Excerpt
nameDokument

Utgångspunkten är att vi ska undvika dokument på våra webbplatser. Besökare föredrar att läsa innehåll direkt på en webbsida istället för att ladda ner eller öppna en pdf. Det är också svårt att skapa tillgängliga dokument, vilket gör att vi i många fall inte följer lagen om tillgänglighet.

Dokument försämrar alltså användarvänligheten och det är därför vi i första hand ska undvika dokument och istället skriva direkt på webben.

Expand
titleTillgängliga pdf:er

Lagen om digital tillgänglighet ställer krav på oss att de dokument som finns på webben ska vara tillgängliga. Som utgångspunkt är det bra att du använder universitetets mallar för pdf.

Vidare har DIGG - Myndigheten för digital förvaltning, tagit fram en guide för hur du skapar tillgängliga pdf-dokument. Dock säkerställer inte guiden att pdf-dokumentet blir helt tillgängligt, vilket visar hur svårt det är att faktiskt skapa tillgängliga dokument.

Expand
titleUndantag från tillgängliga pdf:er

En offentlig aktör behöver inte uppfylla kraven på tillgänglighet om det är ”oskäligt betungande” att göra det. Bestämmelsen finns i 12 § lagen om tillgänglighet till digital offentlig service.

”Vid bedömningen om anpassningen är oskäligt betungande ska bland annat den offentliga aktörens storlek beaktas, liksom karaktär på uppgifter och resurser samt uppskattade kostnader och fördelar för aktören i förhållande till de uppskattade fördelarna för personer med funktionsnedsättning.

För privata aktörer som yrkesmässigt bedriver verksamhet som omfattas av lagen ska även den offentliga finansieringens storlek och varaktighet beaktas vid bedömningen, liksom hur lång tid aktören har haft på sig att anpassa sin digitala service till kraven.

Om en offentlig aktör bedömer att viss digital service ska undantas från kraven på tillgänglighet för att anpassningen är oskäligt betungande så ska de framgå av tillgänglighetsredogörelsen.”

Lag om tillgänglighet till digital offentlig service

Länkar

Med länkar kan vi hjälpa besökaren att hitta den information som hen letar efter, men också vägleda besökaren till att hitta ny information. Gemensamt för alla länkar är att de på ett tydligt sätt ska förklara var besökaren hamnar när en klickar på den.

Expand
titleLänkar ska öppnas i samma fönster

Länkar till samma webbplats, andra webbplatser och till dokument ska öppnas i samma fönster.

Expand
titleTydlig och unik länktext

Länktexten ska göra det tydligt för besökaren vart hen hamnar om hen klickar på länken. Kom ihåg att besökare med uppläsande hjälpmedel navigerar på sidan med hjälp av länktexten. Det innebär att länktexten måste vara unik och självständig från innehållet. Länkar du till samma innehåll på flera ställen använder du samma länktext.

Länkar du till en sida utanför den webbplats du är på, ska det tydligt framgå av länktexten. Exempel på länktexter på gu.se:

Använd inte texten ”läs mer”, ”mer information” eller liknande som länktext, det är varken bra ur tillgänglighetsperspektiv eller ur sökmotoroptimering.

Expand
titleSamla många länkar i en länklista

Om du har många länkar som du vill använda i samma stycke ska du helst samla länkarna under stycket. Om varannan fras består av en länk kan texten uppfattas som rörig och svårläst.

Expand
titleSpecialformatera inte länkarna

Använd ingen specialformatering på länkarna, de är redan anpassade för att vara korrekta på universitetets webbplatser.

Expand
titleGör inte om rubriker och ingress till länkar

Rubriker används för att reflektera texten direkt under rubriken. Lägg istället länken under stycket. I rubriken syns det inte heller att det är länkar förrän muspekaren rörs över dem.

Tabell

Tabeller används restriktivt. Tillfällen när det kan passa att använda en tabell är för att undvika att ladda upp Excel-dokument eller för att presentera strukturerad data.

För att tabellen ska möta krav på tillgänglighet är det viktigt att du formaterar den korrekt:

Expand
titleAnvänd rubrikrad och/eller rubrikkolumn

Om du har en rubrikrad eller rubrikkolumn i din tabell ska du ange detta i tabellen.

Screenshot 2024-10-03 at 09.05.04.pngImage Added

Rubrikrad:

År

Kurs

Hp

2023

Kurs 1

30 hp

2024

Kurs 2

15 hp

Rubrikkolumn:

Rubrikkolumn - Rubrik 1

Rubrikkolumn - Rubrik 2

Rubrikkolumn - Rubrik 3

Expand
titleAnvänd inte sammanfoga celler

Det är möjligt att använda funktionen sammanfoga celler. Detta rekommenderas inte då sammanfogade celler i tabeller inte är förenligt med regler om tillgänglighet.

Screenshot 2024-10-03 at 09.05.04.pngImage Added

Kvalitetssäkring

Innan du publicerar ditt innehåll är det viktigt att du gör en kvalitetssäkring av ditt innehåll. Kolla alltid följande:

...