TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs...

Å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

Digitaliseringens kravIndividens förmågor

Figurer: Johanna Rydeman, C

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

Källa svenska översättningar i WCAG: 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/

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

2.4 Navigerbart

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)

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

Tillgänglig webb för alla

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

• Internutbildning webb, Åsa Biniasa.bini@gu.se

• Webbprojektetwebbprojektet@gu.se

• Tillgänglighetskontakt webb, Mattias Jacobssonmattias.jacobsson@gu.se

TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs...

Documents

Webb & Seddon

Remissvar blekingestrategin webb

Produktkatalog 2015 webb

Katherine Webb „Nematomieji“

Prevox oppethus webb

En tillgänglig webbplats är en bra affär

Tillgänglig läsning - en mänsklig rättighet

Diario113 Entero Webb

Sorselemapp Webb

Vb15nr2april webb

Arsredovisning2013 webb

1 (3) GÖTEBORGS KONSTFÖRENINGS ARKIV H 186 Göteborgs … · 2017. 3. 23. · 1 (3) GÖTEBORGS KONSTFÖRENINGS ARKIV H 186 Göteborgs konstförening konstituerades vid ett sammanträde

Välfärdsredovisning 2015 webb

Handlingsplan. Värderingsverktyg för tillgänglig ...€¦ · Ett helt paket för ökad tillgänglighet ”Värderingsverktyg för tillgänglig utbildning – förskola, skola och

Tillgänglig IT V 35-50

ALEX WEBB PHOTO

Attityd Webb

Membuat Webb Log

Blastallet ht2014 webb

Tillgänglig presentation av statistiska data · Tillgänglig presentation av statistiska data Fjärde versionen, men fortfarande ofullständig Pär Lannerö, plus namngivna medhjälpare