Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA....
Transcript of Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA....
![Page 1: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/1.jpg)
Om webbdirektivet, WCAG
och MITT-nätverketGöteborg, 7 december 2017
Pär Lannerö
webbriktlinjer.se/webbdirektivet
![Page 2: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/2.jpg)
Agenda
1. Övergripande om direktivet• Vad och varför?
• Vem?
• När?
2. Tillgänglighetskraven• Genomgång av WCAG 2.0 AA
• Förändringar framöver?
3. Mer om direktivet• Undantag
• Tillgänglighetsutlåtande
• Kommentarsfunktion
• Uppföljning
• Angränsande reglering
4. Kom igång & MITT-nätverket
![Page 3: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/3.jpg)
Agenda
1. Övergripande om direktivet• Vad och varför?
• Vem?
• När?
2. Tillgänglighetskraven• Genomgång av WCAG 2.0 AA
• Förändringar framöver?
3. Mer om direktivet• Undantag
• Tillgänglighetsutlåtande
• Kommentarsfunktion
• Uppföljning
• Angränsande reglering
4. Kom igång & MITT-nätverket
![Page 4: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/4.jpg)
Vad och varför?
Omgivningens krav
Individens förmågor
Hjälpmedel
Assistans
Tillgänglighet
Funktionshinder
Fig
urer: Jo
han
na R
ydem
an, C
ertec
![Page 5: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/5.jpg)
Vad och varför?
Omgivningens kravIndividens förmågor
Hjälpmedel
Assistans
Tillgänglighet
Fig
urer: Jo
han
na R
ydem
an, C
ertec
![Page 6: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/6.jpg)
Vad och varför?
Remote CC-BY-SA Santeri Viinamäki.
“accessibility is something
most of the population
can benefit from”
Marcus Österberg
i Chicago Tribune
![Page 7: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/7.jpg)
Vad och varför?
EU-parlamentet 26 okt 2016:
• Direktiv 2016/2102 om tillgänglighet
avseende offentliga myndigheters
webbplatser och mobila applikationer
• Ska vara infört i hela EU 23 sep 2018
![Page 8: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/8.jpg)
Vad och varför?
Finansdepartementet 28 nov 2017:
• Förslag om ”Lag om tillgänglighet till
digital offentlig service” = ”tjänster
eller information som en offentlig aktör
tillhandahåller via en teknisk lösning”
• Även, om möjligt, digital service via
tredjepart (sociala medier mm)
• På remiss till 27 februari 2018
![Page 9: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/9.jpg)
När? Ny lag, och dags att tillgängliggöra dokument- 23 september 2018
Krav på webbplatser- 23 september 2019 (nya)
- 23 september 2020 (befintliga publika)
- vid ”omfattande översyn” (befintliga icke publika)
Krav på inspelningar och tjänster via tredje part- 23 september 2020
Krav på publika appar- 23 juni 2021
23
September
![Page 10: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/10.jpg)
Vem?
”Offentliga aktörer”:
• myndigheter, kommuner, landsting och offentligt styrda organ
• privata aktörer, som med offentlig finansiering bedriver yrkesmässig
verksamhet inom skola, hälso-och sjukvård samt omsorg
• enskilda utbildningsanordnare med examenstillstånd som erhåller
statsbidrag för ersättning för högskoleutbildning på grundnivå eller
avancerad nivå eller för utbildning på forskarnivå
![Page 11: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/11.jpg)
Undantagna:
• NGOs (icke-statliga organisationer, även om de är offentligfinansierade)
förutom samhällsviktig service och tjänster avsedda för personer med
funktionsnedsättning
• Public service (radio- och televisionsföretag med uppdrag i allmänhetens
tjänst) - dessa förväntas omfattas av annan kommande reglering
Vem?
![Page 12: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/12.jpg)
Agenda
1. Övergripande om direktivet• Vad och varför?
• Vem?
• När?
2. Tillgänglighetskraven• Genomgång av WCAG 2.0 AA
• Förändringar framöver?
3. Mer om direktivet• Undantag
• Tillgänglighetsutlåtande
• Kommentarsfunktion
• Uppföljning
• Angränsande reglering
4. Kom igång & MITT-nätverket
![Page 13: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/13.jpg)
Tillgänglighetskrav
Regeringen eller den myndighet som regeringen
bestämmer får meddela föreskrifter om vilka
krav på tillgänglighet som ska gälla och när
kraven ska börja tillämpas.
Sådana föreskrifter ska överensstämma med
artikel 6 i webbtillgänglighetsdirektivet.
![Page 14: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/14.jpg)
Tillgänglighetskrav
Regeringen eller den myndighet som regeringen
bestämmer får meddela föreskrifter om vilka
krav på tillgänglighet som ska gälla och när
kraven ska börja tillämpas.
Sådana föreskrifter ska överensstämma med
artikel 6 i webbtillgänglighetsdirektivet.
”…åtminstone motsvarar den nivå som
säkerställs genom europeisk standard
EN 301 549” (direktivets 6 artikel)
![Page 15: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/15.jpg)
Tillgänglighetskrav
Regeringen eller den myndighet som regeringen
bestämmer får meddela föreskrifter om vilka
krav på tillgänglighet som ska gälla och när
kraven ska börja tillämpas.
Sådana föreskrifter ska överensstämma med
artikel 6 i webbtillgänglighetsdirektivet.
”…åtminstone motsvarar den nivå som
säkerställs genom europeisk standard
EN 301 549” (direktivets 6 artikel)
Följ WCAG 2.0 på nivå AA
![Page 16: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/16.jpg)
Tillgänglighetskrav
Regeringen eller den myndighet som regeringen
bestämmer får meddela föreskrifter om vilka
krav på tillgänglighet som ska gälla och när
kraven ska börja tillämpas.
Sådana föreskrifter ska överensstämma med
artikel 6 i webbtillgänglighetsdirektivet.
”…åtminstone motsvarar den nivå som
säkerställs genom europeisk standard
EN 301 549” (direktivets 6 artikel)
Webbriktlinje nr 1 (2011):
Följ WCAG 2.0 på nivå AA
![Page 17: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/17.jpg)
Tillgänglighetskrav
Regeringen eller den myndighet som regeringen
bestämmer får meddela föreskrifter om vilka
krav på tillgänglighet som ska gälla och när
kraven ska börja tillämpas.
Sådana föreskrifter ska överensstämma med
artikel 6 i webbtillgänglighetsdirektivet.
”…åtminstone motsvarar den nivå som
säkerställs genom europeisk standard
EN 301 549” (direktivets 6 artikel)
Webbriktlinje nr 1 (2011):
Följ WCAG 2.0 på nivå AA
![Page 18: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/18.jpg)
EN 301 549 för webb och app - förenklat
WCAG 2.0 AA
![Page 19: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/19.jpg)
EN 301 549
WCAG 2.0 AA
Möjlig att uppfatta
Hanterbar
Begriplig
Rob
ust
![Page 20: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/20.jpg)
EN 301 549
WCAG 2.0 AA
Möjlig att uppfatta
Hanterbar
Begriplig
Rob
ust
![Page 21: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/21.jpg)
1.1 Textalternativ
Till allt som inte är text, så att det kan
konverteras till
• tal
• stor stil
• punktskrift
• …
![Page 22: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/22.jpg)
1.2 Alternativ till ”tidsberoende media”
• Video
• Spel
• Annan rörlig media
Från och med 23/9 2020
![Page 23: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/23.jpg)
Texta dialog, miljöljud, vem talar
1.2 Alternativ till ”tidsberoende media”
- Hej det är jag!
En
telefon
ringer
![Page 24: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/24.jpg)
1.2 Alternativ till ”tidsberoende media”
Ringsignal.
- Hej det är jag!
Ada står vänd
mot kameran
Syntolkning
![Page 25: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/25.jpg)
Skapa innehåll som kan presenteras på
olika sätt utan att information eller
struktur går förlorad.
1.3 Anpassningsbart
Hur då?
• Kontrollera ordning vid t.ex. skärmläsning
• Semantiskt kodad struktur
(rubriker, formulär, tabeller…)
CC-BY Reignfire @flickr
![Page 26: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/26.jpg)
1.4 Urskiljbart
Inte bara färg Tillräcklig
kontrast
Kunna stänga
av ljud
Kunna
förstora
![Page 27: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/27.jpg)
EN 301 549
WCAG 2.0 AA
Möjlig att uppfatta
Hanterbar
Begriplig
Rob
ust
![Page 28: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/28.jpg)
2.1 Tillgängligt via tangentbord
Då fungerar det även med många alternativa styrmedel
![Page 29: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/29.jpg)
2.2 Tillräckligt med tid
![Page 30: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/30.jpg)
2.3 Ej flimmer
![Page 31: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/31.jpg)
2.4 Navigerbart Var är jag?
• Beskrivande sidtitel, rubriker och etiketter
• Tydligt vilket fält/element som är i fokus
![Page 32: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/32.jpg)
Kunna komma vidare:
• Hoppa förbi menyer mm.
• Logisk tab-ordning
• Länks funktion ska framgå av länken/sammanhanget
• Mer än ett sätt att navigera till en sida
2.4 Navigerbart
![Page 33: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/33.jpg)
EN 301 549
WCAG 2.0 AA
Möjlig att uppfatta
Hanterbar
Begriplig
Rob
ust
![Page 34: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/34.jpg)
3.1 Läsbart
<body lang=”sv”>
<select id=”newlanguage”>
<option id=”1” lang=”fr”>Francais</option>
<option id=”2” lang=”en”>English</option>
<option id=”3” lang=”de”>Deutch</option>
</select>
Språk anges i kod
Klarspråk, teckenspråk också viktigt – men saknas i AA
![Page 35: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/35.jpg)
3.2 FörutsägbartInga oväntade förändringar vid fokusering
eller inmatning
Konsekvent navigation och benämning
![Page 36: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/36.jpg)
3.3 InmatningsstödHjälp användare att undvika misstag
…och rätta till misstag.
• Etiketter vid inmatning
• Vid viktiga transaktioner: bekräftelsesteg, möjlighet
kontrollera indata, ångra
• Tydlig indikering av var fel uppstått
• Förslag på åtgärd
Förlåtande
![Page 37: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/37.jpg)
EN 301 549
WCAG 2.0 AA
Möjlig att uppfatta
Hanterbar
Begriplig
Rob
ust
![Page 38: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/38.jpg)
4.1 Kompatibelt
Robust
Responsiv
Korrekt HTML-kod
![Page 39: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/39.jpg)
EN 301 549
WCAG 2.0 AA
Möjlig att uppfatta
Hanterbar
Begriplig
Rob
ust
![Page 40: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/40.jpg)
Förändringar framöver?
• WCAG 2.1
• Utökar 2.0 med nya krav
• Samma principer och numrering
• Inga ändringar av befintliga krav
• W3C Recommendation - sommaren 2018?
• Accessibility Guidelines (WCAG 3.0) om några år
• Ny struktur, mer generellt
• EU-standard för mobil tillgänglighet?
![Page 41: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/41.jpg)
Agenda
1. Övergripande om direktivet• Vad och varför?
• Vem?
• När?
2. Tillgänglighetskraven• Genomgång av WCAG 2.0 AA
• Förändringar framöver?
3. Mer om direktivet• Undantag
• Tillgänglighetsutlåtande
• Kommentarsfunktion
• Uppföljning
• Angränsande reglering
4. Kom igång & MITT-nätverket
![Page 42: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/42.jpg)
EN301549
WCAG 2.0 AA
Undantag
Undantaget innehåll Oproportionerlig börda
![Page 43: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/43.jpg)
Undantaget innehåll 1
Dokument (pdf, office..) som publicerats före den 23 september 2018
Förinspelad tidsberoende media som offentliggjorts före 23 september 2020
Direktsänd tidsberoende media (tills de är 14 dagar gamla)
![Page 44: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/44.jpg)
Undantaget innehåll 2
Tredjepartsinnehållsom ni varken finansierar, utvecklar eller
kontrollerar
Reproduktioner av kulturarvsföremåldär det är ogörligt att tillgängliggöra
Innehåll på intranät och extranätsom offentliggjorts före den 23 september 2019
fram till omfattande översyn.
![Page 45: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/45.jpg)
Undantaget innehåll 3
Arkiverat innehåll
…som inte är nödvändigt och inte uppdateras
efter 23 september 2019.
Digital offentlig service i skolor och förskolor
förutom nödvändiga administrativa funktioner
som t.ex. ansökan om plats
![Page 46: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/46.jpg)
Oproportionerlig börda
• Kräver en ordentlig bedömning
• Kräver information på webben om
undantag och ev. alternativ
• Möjligt att klaga på
![Page 47: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/47.jpg)
”Kommentarsfunktion”
Besökare ska kunna • påtala brister i tillgänglighet
• begära ut otillgänglig information
![Page 48: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/48.jpg)
Tillgänglighetsutlåtande
Redovisa på sajten:• Icke tillgängligt innehåll, och
anledning + alternativ
• Länk till ”kommentarsfunktionen”
• Länk till ”uppföljningsförfarandet”
Kommissionen ska ta fram mall
![Page 49: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/49.jpg)
UppföljningTillsynsmyndighet – troligen den nyligen aviserade
digitaliseringsmyndigheten i Sundsvall – ska
säkerställa efterlevnad.
• Se över myndigheters bedömning av
oproportionerlig börda.
• Kunna utfärda förelägganden om rättelse,
förenat med vite.
• Hit kan användaren vända sig.
Tillsynsmyndigheten ska också informera och utbilda
om webbtillgänglighet
![Page 50: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/50.jpg)
• Förordning 2001:526
• FN-konvention 2008
• Diskrimineringslagen 2015
• LOU 2017
”Lag om tillgänglighet
till digital offentlig service”
2018
WCAG 2.0 AA
Översikt reglering digital tillgänglighet
![Page 51: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/51.jpg)
Agenda
1. Övergripande om direktivet• Vad och varför?
• Vem?
• När?
2. Tillgänglighetskraven• Genomgång av WCAG 2.0 AA
• Förändringar framöver?
3. Mer om direktivet• Undantag
• Tillgänglighetsutlåtande
• Kommentarsfunktion
• Uppföljning
• Angränsande reglering
4. Kom igång & MITT-nätverket
![Page 52: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/52.jpg)
Undersök nuläget
• Testa sajten utan mus!
• Testa sajten med skärmläsare!
• Gör systematisk granskning (manuell och
automatisk!), se webbriktlinjer.se/testa
![Page 53: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/53.jpg)
Orientera organisationen
• Lär känna WCAG!
Se webbriktlinjer.se/wcag
• Läs på om webbdirektivet!
Se webbriktlinjer.se/webbdirektivet
• Dela erfarenheter, t.ex. i
Facebookgruppen Webbriktlinjer.
Se webbriktlinjer.se/dela-erfarenheter
![Page 54: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/54.jpg)
o De flesta åtgärderna är inte svåra,
men kan kräva t.ex.
o utbildning
o upphandling
o utveckling
o Alla dessa kan ta tid
Börja idag!
![Page 55: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/55.jpg)
Backlog Påbörjat Klart
Färdiga åtgärdslappar till din projekttavla
Plocka en bunt idag, eller skriv ut från webbriktlinjer.se/lappar
![Page 56: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/56.jpg)
MITT-nätverket
Myndighetssamverkan IT-tillgänglighet.
Träffas ca 5 ggr/år.
150 personer på listan, ca 40 per träff.
![Page 57: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/57.jpg)
Tidigare MITT-möten• Tillgänglig video
• Syntolkning
• Webbsändningar
• Kommuners användning av digital
video
• WAI-ARIA
• Diskrimineringslagen
• Klarspråk
• Tillgänglig pdf
• ePub3
• Verktyg
• Webbdirektivet
• WCAG-genomgång
• Dela digitalt
• Webbriktlinjerna
• Kopplingen mellan konvertering och
kognitiv tillgänglighet
• Skärmläsar-demo
• Digital tillgänglighet hos
myndigheter i Norge och Danmark
• Behovsworkshop
• Upphandlingsstöd
Ett par inspelningar:(https://webbriktlinjer.se/mitt-om-video) https://webbriktlinjer.se/aria )i
![Page 58: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/58.jpg)
Kommande MITT-möten
• 7/2 på Försäkringskassans huvudkontor i Stockholm
om hur de och Skatteverket förbereder webbdirektivet.
• Prel mars hos Malmö stad om tillgänglig video.
• Prel april: Tillgänglig statistik & statistik om tillgänglighet
Maila [email protected] om du vill vara med.
![Page 59: Om webbdirektivet, WCAG och MITT-nätverket...EN 301 549 för webb och app - förenklat WCAG 2.0 AA. EN 301 549 WCAG 2.0 AA Möjlig att uppfatta Hanterbar Begriplig Robust. EN 301](https://reader033.fdocument.pub/reader033/viewer/2022060603/60576a3f8c8fd005680b8732/html5/thumbnails/59.jpg)
Tack!
Hör gärna av dig med frågor och förslag!
• E-post: [email protected]
• Twitter: @plannero eller #webbföralla
• Facebookgrupp: webbriktlinjer
Illustrationer: pictogram.se