tillgÄnglig webb fÖr alla - göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs...
TRANSCRIPT
![Page 1: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/1.jpg)
ÅSA BINI, WEBBREDAKTÖR
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
TILLGÄNGLIG WEBB FÖR ALLA
![Page 2: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/2.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 3: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/3.jpg)
Vad är tillgänglighet?
Tillgängligt med hänsyn till individens förutsättningar.
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 4: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/4.jpg)
Vad då tillgänglighet?
Digitaliseringens krav
Individens förmågor
Tillgänglighet
Funktionshinder
HjälpmedelAssistans
Figurer: Johanna Rydeman, C
ertec
![Page 5: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/5.jpg)
Digitaliseringens kravIndividens förmågor
Figurer: Johanna Rydeman, C
ertec
Vad då tillgänglighet?
Tillgänglig med hänsyn till individens förutsättningar.
![Page 6: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/6.jpg)
Exempel på särlösning på dagens gu.se
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 7: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/7.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 8: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/8.jpg)
En tillgänglig webb…
Nödvändigt för några
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
bekvämt för alla.
![Page 9: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/9.jpg)
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
Lagen omtillgänglighet tilldigital offentlig service
![Page 10: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/10.jpg)
Webbdirektiv blir till lag
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 11: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/11.jpg)
För vem gäller lagen?
• Offentliga myndigheter– Myndigheter– Kommuner– Landsting– Andra offentligrättsliga organ
• Tredje part som levererar till offentliga myndigheter
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 12: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/12.jpg)
• Nya webbplatser 23 september 2019
• Befintliga webbplatser 23 september 2020
• Tidsberoende media 23 september 2020
• Publika appar 23 juni 2021
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
Datum när kraven börjar gälla
![Page 13: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/13.jpg)
Myndigheten för digital förvaltning, DIGG
• Informera
• Utbilda
• Göra tillsyn
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 14: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/14.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 15: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/15.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 16: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/16.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 17: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/17.jpg)
Standard för tillgängligt webbinnehåll, WCAG
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 18: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/18.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 19: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/19.jpg)
4 principer1. Möjlig att uppfatta
2. Hanterbar
3. Begriplig
4. Robust
Standard för tillgängligt webbinnehåll, WCAG
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 20: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/20.jpg)
4 principer1. Möjlig att uppfatta
2. Hanterbar
3. Begriplig
4. Robust
Standard för tillgängligt webbinnehåll, WCAG
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.
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 21: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/21.jpg)
4 principer1. Möjlig att uppfatta2. Hanterbar
3. Begriplig
4. Robust
Standard för tillgängligt webbinnehåll, WCAG
Information och komponenter i ett användargränssnitt måste presenteras för användare på sätt som de kan uppfatta.
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 22: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/22.jpg)
1.1 Textalternativ
Tillhandahåll alternativ i form av text till allt som inte är textbaserat.
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 23: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/23.jpg)
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
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 24: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/24.jpg)
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 25: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/25.jpg)
Som ny student på Göteborgs universitet träffar du andra studenter.
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 26: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/26.jpg)
1.2 Alternativ till tidsberoende media
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 27: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/27.jpg)
1.2.5 (AA) Syntolka videoinspelningar
1.2.1 Erbjud alternativ om en inspelning enbart består av ljud eller video
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 28: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/28.jpg)
1.2.5 (AA) Syntolka videoinspelningar
1.2.2 Texta inspelad rörlig media
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 29: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/29.jpg)
1.2.3 Syntolka eller erbjud alternativ till videoinspelningar1.2.5 Syntolka videoinspelningar
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 30: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/30.jpg)
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.
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 31: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/31.jpg)
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.
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 32: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/32.jpg)
1.2.5 (AA) Syntolka videoinspelningar
• 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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 33: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/33.jpg)
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.
1.2.5 (AA) Syntolka videoinspelningar
DåligtBra
Kontaktuppgifter hittar du under rubriken ”Kontakt”.
Se kontakt till höger.
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 34: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/34.jpg)
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.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 35: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/35.jpg)
1.4.5 Använd text, inte bilder, för att visa text
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 36: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/36.jpg)
1.4.3 Använd tillräcklig kontrast mellan text och bakgrund1.4.11 Använd tillräckliga kontraster i grafik
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 37: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/37.jpg)
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/
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
1.2.5 (AA) Syntolka videoinspelningar
![Page 38: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/38.jpg)
4 principer1. Möjlig att uppfatta
2. Hanterbar3. Begriplig
4. Robust
Standard för tillgängligt webbinnehåll, WCAG
Komponenter i ett användargränssnitt och navigering måste vara hanterbara.
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 39: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/39.jpg)
1.2.5 (AA) Syntolka videoinspelningar
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 40: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/40.jpg)
1.2.5 (AA) Syntolka videoinspelningar
2.4 Navigerbart
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 41: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/41.jpg)
2.4.2 Skriv beskrivande sidtitlar
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 42: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/42.jpg)
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
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 43: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/43.jpg)
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
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 44: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/44.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 45: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/45.jpg)
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)
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 46: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/46.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
1.2.5 (AA) Syntolka videoinspelningar
![Page 47: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/47.jpg)
4 principer1. Möjlig att uppfatta
2. Hanterbar
3. Begriplig4. Robust
Standard för tillgängligt webbinnehåll, WCAG
Information och hantering av användargränssnitt måste vara begriplig.
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 48: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/48.jpg)
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
1.2.5 (AA) Syntolka videoinspelningar
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 49: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/49.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
Samverkansplattform Plattform för samverkanForskningsverksamhet Forskning
Undvik Skriv istället
Erhålla uppdrag Få i uppdrag
![Page 50: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/50.jpg)
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.
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 51: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/51.jpg)
Datum för tillgängliga dokument
• Publicerat från och med 23 september 2018
• Nya webbplatser 23 september 2019
• Befintliga webbplatser 23 september 2020
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 52: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/52.jpg)
Testa din webbplats
• Navigera med bara tangentbordet
• Titta på sidan i skärmar av olika storlek och olika webbläsare
• Lyssna på webbsidan
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 53: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/53.jpg)
Uppläsningstjänst – både i InfoGlue och Drupal
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 54: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/54.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 55: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/55.jpg)
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
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN
![Page 56: TILLGÄNGLIG WEBB FÖR ALLA - Göteborgs universitet · Åsa bini, webbredaktÖr. gÖteborgs universitet kommunikationsenheten. tillgÄnglig webb fÖr alla](https://reader035.vdocuments.net/reader035/viewer/2022070713/5ed3628d5ca9e824925e5767/html5/thumbnails/56.jpg)
Tillgänglig webb för alla
Nödvändigt för en del, bekvämt för alla!
• Internutbildning webb, Åsa [email protected]
• Tillgänglighetskontakt webb, Mattias [email protected]
GÖTEBORGS UNIVERSITET KOMMUNIKATIONSENHETEN