TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla

ÅSA BINI, WEBBREDAKTÖR

GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN

TILLGÄNGLIG WEBB FÖR ALLA

Agenda

1. Vad är tillgänglighet?

2. Lagen om tillgänglighet till digital offentlig service

3. Standard för tillgängligt webbinnehåll, WCAG

4. Göra webben läsbar

5. Testa din webbplats


Vad är tillgänglighet?

Tillgängligt med hänsyn till individens förutsättningar.


Vad då tillgänglighet?

Digitaliseringens krav

Individens förmågor

Tillgänglighet

Funktionshinder

HjälpmedelAssistans

Figurer: Johanna Rydeman, C

ertec

Digitaliseringens kravIndividens förmågor

Figurer: Johanna Rydeman, C

ertec

Vad då tillgänglighet?

Tillgänglig med hänsyn till individens förutsättningar.

Exempel på särlösning på dagens gu.se


Vem har svårt att ta till sig av innehåll på webben?

• Synnedsättningar av olika grad– Ser inte hela eller delar av webbsidan

• Dyslektiker, kognitiva nedsättningar– Svårt ta till sig av skriven text

• Rörelsehindrade– Svårt att navigera på en sida

• Hörselskadade– Kan inte ta till sig av filmklipp

• Tillfälliga funktionsnedsättningar


En tillgänglig webb…

Nödvändigt för några


bekvämt för alla.


Lagen omtillgänglighet tilldigital offentlig service

Webbdirektiv blir till lag


För vem gäller lagen?

• Offentliga myndigheter– Myndigheter– Kommuner– Landsting– Andra offentligrättsliga organ

• Tredje part som levererar till offentliga myndigheter


• Nya webbplatser 23 september 2019

• Befintliga webbplatser 23 september 2020

• Tidsberoende media 23 september 2020

• Publika appar 23 juni 2021


Datum när kraven börjar gälla

Myndigheten för digital förvaltning, DIGG

• Informera

• Utbilda

• Göra tillsyn


Bristande tillgänglighet som diskrimineringsform

• Funnits sedan 2015 i Diskrimineringslagen

• GU anmälda till DO samma år, friade

• Försäkringskassan fällda,20 000 kr i böter

• Kontentan – bygg och skapa rätt från början


Tillgänglighet och gu.se

• Stilmallarna Drupal byggs efter WCAG 2.1 AA• Innehåll skrivet med ett så enkelt och begripligt språk

som möjligt• Alla redaktörer som publicerar på gu.se ska ha

kännedom om tillgänglighetsfrågor• Informationen på webbplatsen ska vara sökbar


Kraven som gäller för oss redaktörer

Utforma webbplatser, appar och dokument som sprids via dessa så att de är:• möjliga att uppfatta• hanterbara• begripligaHur gör vi detta?• Följ WCAG 2.1 nivå AA


Standard för tillgängligt webbinnehåll, WCAG



1.2.5 (AA)Syntolka videoinspelningar

Princip

Riktlinje Kriterium

Nivå

Källa svenska översättningar i WCAG: webbriktlinjer.se


https://webbriktlinjer.se/

4 principer1. Möjlig att uppfatta

2. Hanterbar

3. Begriplig

4. Robust


1.2.5 (AA) Syntolka videoinspelningar



2. Hanterbar

3. Begriplig

4. Robust


Innehåll måste vara robust nog för att kunna tolkas på ett pålitligt sätt av ett brett spektrum av olika användarprogram, inklusive hjälpmedel.



4 principer1. Möjlig att uppfatta2. Hanterbar

3. Begriplig

4. Robust


Information och komponenter i ett användargränssnitt måste presenteras för användare på sätt som de kan uppfatta.



1.1 Textalternativ

Tillhandahåll alternativ i form av text till allt som inte är textbaserat.



1.1.1 Innehåll som inte är text

Allt innehåll som inte är text, som presenteras för användaren, har ett textalternativ med samma syfte.• Informationsbärande och klickbara bilder ska ha

alternativtext • Beskriv bilden med en kort text, högst 12 ord• Dekorativa bilder bör inte beskrivas




Som ny student på Göteborgs universitet träffar du andra studenter.


1.2 Alternativ till tidsberoende media




1.2.1 Erbjud alternativ om en inspelning enbart består av ljud eller video



1.2.2 Texta inspelad rörlig media


1.2.3 Syntolka eller erbjud alternativ till videoinspelningar1.2.5 Syntolka videoinspelningar



Att tänka på

• Syntolkning – beskriva sammanhanget kan vara viktigare än det som syns i bild.

• Syntolkning – planera inspelningen så en separat syntolkad version inte behövs.

• Informera användare om andra alternativ.

• Direktsändningar undantagna, men måste textas inom 2 veckor.– Oskäligt betungande, ge annat alternativ

• Börjar gälla 23 september 2020.

• Gäller inte retroaktivt.


1.3 Anpassningsbart

Skapa innehåll som kan presenteras på olika sätt (exempelvis med enklare layout) utan att information eller struktur går förlorad.




• Skriv det viktigaste först

• Inled varje sida med en sammanfattning av sidans innehåll

1.3.2 Presentera innehållet i en meningsfull ordning för alla


1.3.3 Gör inte instruktioner beroende av sensoriska känneteckenKomplettera instruktioner och hänvisningar så att de inte är beroende av färg, riktning eller dylikt.


DåligtBra

Kontaktuppgifter hittar du under rubriken ”Kontakt”.

Se kontakt till höger.


1.4 Urskiljbart

Gör det enklare för användare att se och höra innehåll, bland annat genom att skilja förgrund från bakgrund.



1.4.5 Använd text, inte bilder, för att visa text



1.4.3 Använd tillräcklig kontrast mellan text och bakgrund1.4.11 Använd tillräckliga kontraster i grafik



För grafiskt innehåll som är informationsbärande är det viktigt med bra kontrast.

Gratisverktyg för mätning av kontraster:https://axesslab.com/top-color-contrast-checkers/



https://axesslab.com/top-color-contrast-checkers/


2. Hanterbar3. Begriplig

4. Robust


Komponenter i ett användargränssnitt och navigering måste vara hanterbara.




2.4 Navigerbart

Tillhandahåll sätt att hjälpa användarna att navigera, hitta innehåll och avgöra var de är.

• Använd rätt rubriknivå i rätt ordning

• Huvudrubriken (H1) sätts alltid automatiskt

H1

H2

H3



2.4 Navigerbart


2.4.2 Skriv beskrivande sidtitlar



2.4.2 Skriv beskrivande sidtitlar

Titeln ska:

• beskriva sidans ämne eller innehåll

• vara tydlig och unik

• gå att förstå på egen hand

Titeln bör innehålla information om:

• vilken webbplats som besöks

• vilken sida som är aktiv



2.4.4 Skriv tydliga länkar

• Länktexten ska tydligt visa var den leder, helst också när den lyfts ur sitt sammanhang

• Använd gärna webbsidans namn eller rubrik

• Undvik ”läs mer”, ”här” och dylika länktexter



Länkar till andra webbsidor

• Länkar till webbsidor öppnas i samma fönster– Även webbplatser utanför gu.se– Bakåtknappen ska fungera

• Skapa lista när det finns fler än två länkar i en uppräkning (länklista)

• Undvik länkar i löpande text för läsbarheten


Länktext till dokument

• Använd dokumentets namn eller rubrik• Ange format exempelvis pdf, Word, Excel.• Ange storlek om dokumentet är över 1 MB.• Exempel:

Dokumentets namn (pdf, 2MB)


http://gu.se/

2.4.6 Skriv beskrivande rubriker och etiketter

• Skriv tydlig rubrik som består av nyckelord från texten

• Använd aktivt språk

• Rubriker bör inte vara längre än 5-10 ord




2. Hanterbar

3. Begriplig4. Robust


Information och hantering av användargränssnitt måste vara begriplig.



3.1 Läsbart

Gör textinnehåll läsbart och begripligt.

Använd till exempel:

• rubriksformat istället för att feta

• punktlistorna istället för egna bindestreck

• aldrig tabeller för att skapa layout

Så här gör vi det läsbart:

• Klarspråk

• Tillgängliga dokument



Klarspråk – Språklagen

Myndighetstexter skrivna på ett vårdat, enkelt och begripligt språk

• följa språkvårdens rekommendationer

• anpassa så att mottagaren förstår

• undvik krånglig meningsstruktur och svåra eller ålderdomliga ord


Samverkansplattform Plattform för samverkanForskningsverksamhet Forskning

Undvik Skriv istället

Erhålla uppdrag Få i uppdrag

Tillgängliga dokument (pdf, word med mera)

1. Publicera som brödtext på en webbsida.

2. Sammanfatta dokument som brödtext på en webbsida.

3. Ladda upp tillgängliga dokument.


Datum för tillgängliga dokument

• Publicerat från och med 23 september 2018

• Nya webbplatser 23 september 2019

• Befintliga webbplatser 23 september 2020


Testa din webbplats

• Navigera med bara tangentbordet

• Titta på sidan i skärmar av olika storlek och olika webbläsare

• Lyssna på webbsidan


Uppläsningstjänst – både i InfoGlue och Drupal


Testa din webbplats

• Navigera med bara tangentbordet

• Titta på sidan i skärmar av olika storlek

• Lyssna på webbsidan

• Verktyg för att testa, Siteimprove


Ta reda på mer

• Vägledning för webbutvecklingwebbriktlinjer.se

• Myndigheten för digital förvaltning, DIGGdigg.se

• Om klarspråk i Medarbetarportalenmedarbetarportalen.gu.se/kommunikation/klarsprak-och-skrivregler

• Webbpublicerings sidor om tillgänglighetmedarbetarportalen.gu.se/webbpublicering/rekommendationer/tillganglighet


https://webbriktlinjer.se/

http://www.digg.se/

https://medarbetarportalen.gu.se/Kommunikation/klarsprak-och-skrivregler

https://medarbetarportalen.gu.se/webbpublicering/rekommendationer/tillganglighet/

Tillgänglig webb för alla

Nödvändigt för en del, bekvämt för alla!

• Internutbildning webb, Åsa [email protected]

• [email protected]

• Tillgänglighetskontakt webb, Mattias [email protected]


mailto:[email protected]



Documents

TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla