SlideShare une entreprise Scribd logo
1  sur  30
1
Radek Pavlíček, říjen 2009
“The Web is not a barrier to people
with disabilities, it is the solution.
Paul R. Bohman, WebAIM
Proč se zabývat přístupností? #1
Člověk – usnadnit práci s webem návštěvníkům s
handicapem i bez něj.
Zisk – čím více návštěvníků, tím větší kupní síla. Úspora
nákladů na webovou prezentaci.
PR, posilování značky – „děláme něco pro postižené“.
Lepší viditelnost webu ve vyhledávačích – aplikování
řady přístupnostních požadavků může pomoci i z hlediska
SEO.
Trest – vyhnutí se soudům nebo kritice za nepřístupnost.
2
Proč se zabývat přístupností? #2
Aplikování řady přístupnostních požadavků pomáhá i
běžným návštěvníkům.
3
Co vše má vliv na přístupnost? #1
Zdravotní postižení
jiné požadavky má nevidomý, slabozraký, sluchově
postižený, tělesně postižený...
Technické zpracování (~ zda vyhovuje pravidlům
některé metodiky)
nepodceňovat, ale ani nepřeceňovat.
Zkušenosti konkrétního uživatele s prací
s webem
čím větší zkušenosti, tím lepší orientace i na méně
přístupném webu,
zkušení uživatelé mají ale zpravidla vyšší nároky na
přístupnost.
4
Co vše má vliv na přístupnost? #2
Zkušenosti konkrétního uživatele s prací s
asistivní technologií (AT)
naučit se dobře ovládat AT by měla být
povinnost zrakově postiženého uživatele,
čím lepší znalosti, tím lépe může uživatel
využívat možností stránky -> vyšší efektivita
práce, snazší přístup k informacím,
malé či nedostatečné znalosti ->
„nesmyslné“ požadavky na přístupnost.
5
Co vše má vliv na přístupnost? #3
Použitá AT, její konfigurace a verze
Uživatelé různých asistivních technologií
vidí ten samý web jinak.
AT patří mezi SW, který lze ve velké míře
konfigurovat.
Použitý prohlížeč a jeho doplňky
Seriál o přístupnosti prohlížečů na POSLEPU.
Preference a zvyklosti konkrétního uživatele
6
Někdo zůstal za dveřmi???
Posun od definice přístupnosti v podobě, v
jaké ji asi znáte (stránka je přístupná pro
každého).
Ve WCAG 2.0 se píše:
Note that even content that conforms at the
highest level (AAA) will not be accessible to
individuals with all types, degrees, or
combinations of disability, particularly in the
cognitive language and learning areas.
7
Metodiky přístupnosti
IDEÁLY přístupného webu
To, že web (plně) nevyhovuje některé
metodice, ještě neznamená, že není přístupný,
a naopak.
Při definici přístupnosti je třeba brát v potaz
čas,
rozsah,
situaci na poli asistivních technologií a prohlížečů,
cílovou skupinu, její zvyklosti a preference.
8
Co ovlivňuje kvalitu metodiky
Čí problémy řeší (méně někdy může být
více).
Datum vydání.
Konkrétnost požadavků.
Existence dokumentu s technikami pro
řešení konkrétních situací či dalších
podpůrných dokumentů.
9
Mějte na paměti
Metodiky nejsou bez chyb.
Pozor na přístupnostní klišé.
V mnoha případech také neexistuje jediné
správné řešení.
Při aplikaci pravidel používejte zdravý selský
rozum.
Testování přístupnosti s ohledem na aktuální
situaci na poli přístupnosti je důležité.
10
WCAG 1.0
Vydána 5. května 1999 konsorciem
W3C.
14 pravidel, každé z nich obsahuje
jednotlivé kontrolní body.
Každému kontrolnímu bodu je
přiřazena určitá priorita (1 až 3),
vyjadřující jeho důležitost (musí, měl by,
může). 11
Situace na webu kolem roku 1999
Text, odkaz, obrázek.
Uživatelé měli velmi
omezený přístup k
internetu.
Asistivní technologie
uměly zlomek toho, co
umí dnes.
Práce s obsahem de
facto na úrovni
prostého textu.
12
Situace dnes
Multimediální prostor,
v němž můžeme narazit
takřka na jakýchkoliv typ
obsahu (text, grafika,
audio, video, animace,
znaková řeč, atp.)
Velmi progresivní vývoj
v oblasti asistivních
technologií.
Změnil se také způsob
práce s obsahem webu
(pasivní -> aktivní).
13
WCAG 2.0
Vznikla jako reakce na dnes již v mnoha
ohledech nevyhovující WCAG 1.0.
První veřejná pracovní verze byla vydána
25. ledna 2001, pak bylo vydáno dalších
11 pracovních verzí.
Finální verze vydána 11. prosince 2008.
14
WCAG 2.0 – struktura metodiky
 Princip – pravidlo – kritérium –
technika
 4 principy
Vnímatelnost.
Ovladatelnost.
Srozumitelnost.
Robustnost.
15
WCAG 2.0 – struktura metodiky
Každý princip je dále členěn na několik
pravidel (celkem je jich 12).
Každé pravidlo má několik kritérií, které mají
opět přiřazeny priority (A, AA, AAA) a jejich
ne/splnění lze ověřit.
K pravidlům a kritériím jsou přiřazeny
techniky. Ty jsou informativní a dělí se na
postačující a poradenské.
16
WCAG 2.0 v rychlosti - vnímatelnost
Netextovému obsahu zajistěte textovou
alternativu.
K audio a video obsahu zajistěte titulky a
alternativy.
Vytvořte přizpůsobitelný obsah a
umožněte jeho zpracování pomocí
asistivních technologií.
Zajistěte dostatečný kontrast, aby věci
byly snadno viditelné a slyšitelné.
17
WCAG 2.0 v rychlosti -
ovladatelnost
Zajistěte, aby vše bylo přístupné z
klávesnice.
Poskytněte uživateli dostatek času na
přečtení a práci s obsahem stránky.
Nepoužívejte obsah, který může
způsobit záchvaty.
Pomozte uživatelům s navigací a
nalezením obsahu.
18
WCAG 2.0 v rychlosti - srozumitelnost
Pište texty tak, aby byly čitelné a
srozumitelné.
Tvořte obsah tak, aby se zobrazoval a
fungoval tak, jak uživatel předpokládá.
Pomozte uživatelům vyvarovat se
chyb a opravit je.
19
WCAG 2.0 v rychlosti - robustnost
Zajistěte maximální kompatibilitu se
stávajícími i budoucími
technologiemi, včetně asistivních
technologií.
20
WCAG 2.0 – co je nového? #1
Progresivní přístup k věci.
Nestanovuje jasnou mez, co je
přístupné a co nikoliv, důležitý je
aktuální stav prohlížečů a asistivních
technologií.
Pravidla odpovídají aktuálním
trendům, řada pravidel z WCAG 1.0
už je dnes naprosto neaktuálních.
21
WCAG 2.0 – co je nového? #2
Pravidla jsou flexibilní,
přizpůsobivá a nadčasová.
Měřitelnější výsledky.
Nezávislost na technologii.
Orientace na uživatele.
Základní věci z hlediska
přístupnosti se nemění.
22
23
24
WCAG 1.0 vs WCAG 2.0
Kompletní srovnání cca 35 normostran.
http://www.w3.org/WAI/WCAG20/from
10/comparison/
21 naprosto nových požadavků/kritérií.
Ostatní (svým způsobem) odpovídají
pravidlům WCAG 1.0.
25
WCAG 2.0 – nové požadavky A
Nezávislost na smyslovém vnímání.
Důraz na ovládání z klávesnice.
Identifikace chyb.
Popisky nebo pokyny v situacích,
kdy je vyžadován vstup uživatele.
Ovládání zvuku.
26
WCAG 2.0 – nové požadavky
AA
Výstižné nadpisy a popisky
Návrhy pro opravení chyby
Předcházení chybám
Zrušitelnost
Kontrola dat
Potvrzení
27
WCAG 2.0 – nové požadavky
AAA
Překlad audiozáznamu do znakového jazyka u
předtočených multimedií.
Alternativa pro multimediální prvky.
Požadavky na vizuální znázornění stránky.
Žádné časování.
Aktualizace zabezpečeného obsahu.
Viditelný focus, informace o aktuální pozici v rámci webu.
Ošetření neobvyklých slov a výslovnosti.
Kontextová nápověda.
28
WCAG 2.0 – kde jej najít?
originální verze - www.w3.org/TR/WCAG20
český překlad – www.blindfriendly.cz/wcag20
část dokumentu, neautorizovaný překlad
WCAG 2.0 Checklist
www.webaim.org/standards/wcag/checklis
t
WCAG 2.0 Checklist – česká verze
www.blindfriendly.cz/wcag20checklist
29
A to je vše ;-)
Děkuji za pozornost.
pavlicek@blindfriendly.cz
www.centrumpronevidome.cz/pavlicek
www.poslepu.cz
www.zdrojak.cz/pristupnost
30

Contenu connexe

Similaire à WCAG 2.0 - nový pohled na přístupnost

Přístupné weby knihoven
Přístupné weby knihovenPřístupné weby knihoven
Přístupné weby knihovenRadek Pavlíček
 
Přístupnost v praxi
Přístupnost v praxiPřístupnost v praxi
Přístupnost v praxiLukas Marvan
 
Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe Radek Pavlíček
 
Pavlicek testovani webu v soutezi biblioweb
Pavlicek   testovani webu v soutezi bibliowebPavlicek   testovani webu v soutezi biblioweb
Pavlicek testovani webu v soutezi bibliowebbezbarierovaknihovna
 
Efektivní online prezentace
Efektivní online prezentaceEfektivní online prezentace
Efektivní online prezentaceIvo Kylián
 
Tvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacíchTvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacíchRadek Pavlíček
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditůH1.cz
 
Open Monday: Pravidla přístupnosti pro pokročilé tvůrce webu
Open Monday: Pravidla přístupnosti pro pokročilé tvůrce webuOpen Monday: Pravidla přístupnosti pro pokročilé tvůrce webu
Open Monday: Pravidla přístupnosti pro pokročilé tvůrce webuH1.cz
 
Pravidla přístupnosti v praxi
Pravidla přístupnosti v praxiPravidla přístupnosti v praxi
Pravidla přístupnosti v praxispinar
 
Jak rozpoznat hodnotné informace
Jak rozpoznat hodnotné informaceJak rozpoznat hodnotné informace
Jak rozpoznat hodnotné informaceMartin Paták
 
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeníchPřístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeníchRadek Pavlíček
 
Open Monday: Jak správně uspořádat uživatelské testování
Open Monday: Jak správně uspořádat uživatelské testováníOpen Monday: Jak správně uspořádat uživatelské testování
Open Monday: Jak správně uspořádat uživatelské testováníH1.cz
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012Sherpas
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme webSherpas
 
KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)Pája Kučerová
 
Radek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webuRadek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webuRadek Pavlíček
 

Similaire à WCAG 2.0 - nový pohled na přístupnost (20)

Přístupné weby knihoven
Přístupné weby knihovenPřístupné weby knihoven
Přístupné weby knihoven
 
Přístupnost v praxi
Přístupnost v praxiPřístupnost v praxi
Přístupnost v praxi
 
Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe
 
Pavlicek testovani webu v soutezi biblioweb
Pavlicek   testovani webu v soutezi bibliowebPavlicek   testovani webu v soutezi biblioweb
Pavlicek testovani webu v soutezi biblioweb
 
Efektivní online prezentace
Efektivní online prezentaceEfektivní online prezentace
Efektivní online prezentace
 
Tvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacíchTvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacích
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditů
 
Open Monday: Pravidla přístupnosti pro pokročilé tvůrce webu
Open Monday: Pravidla přístupnosti pro pokročilé tvůrce webuOpen Monday: Pravidla přístupnosti pro pokročilé tvůrce webu
Open Monday: Pravidla přístupnosti pro pokročilé tvůrce webu
 
TNPW2-2011-02
TNPW2-2011-02TNPW2-2011-02
TNPW2-2011-02
 
TNPW2-2011-04
TNPW2-2011-04TNPW2-2011-04
TNPW2-2011-04
 
Pravidla přístupnosti v praxi
Pravidla přístupnosti v praxiPravidla přístupnosti v praxi
Pravidla přístupnosti v praxi
 
TNPW2-2012-01
TNPW2-2012-01TNPW2-2012-01
TNPW2-2012-01
 
Jak rozpoznat hodnotné informace
Jak rozpoznat hodnotné informaceJak rozpoznat hodnotné informace
Jak rozpoznat hodnotné informace
 
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeníchPřístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
 
Open Monday: Jak správně uspořádat uživatelské testování
Open Monday: Jak správně uspořádat uživatelské testováníOpen Monday: Jak správně uspořádat uživatelské testování
Open Monday: Jak správně uspořádat uživatelské testování
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
Ochutnávka studie WebTop100: Srovnání kvality českých webů, 2012
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme web
 
KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)
 
TNPW2-2012-02
TNPW2-2012-02TNPW2-2012-02
TNPW2-2012-02
 
Radek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webuRadek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webu
 

Plus de Radek Pavlíček

Digitální design bez bariér
Digitální design bez bariérDigitální design bez bariér
Digitální design bez bariérRadek Pavlíček
 
Jak na přístupnost knihovních webů
Jak na přístupnost knihovních webůJak na přístupnost knihovních webů
Jak na přístupnost knihovních webůRadek Pavlíček
 
Jak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnostJak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnostRadek Pavlíček
 
Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017Radek Pavlíček
 
Proč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republiceProč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republiceRadek Pavlíček
 
Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014Radek Pavlíček
 
Když už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačíKdyž už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačíRadek Pavlíček
 
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 EditionHow to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 EditionRadek Pavlíček
 
Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013Radek Pavlíček
 
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesHow HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesRadek Pavlíček
 
How to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk universityHow to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk universityRadek Pavlíček
 
How to improve UX by implementing accessibility
How to improve UX by implementing accessibilityHow to improve UX by implementing accessibility
How to improve UX by implementing accessibilityRadek Pavlíček
 
Přístupnost HTML5 v kombinaci s WAI-ARIA
Přístupnost HTML5 v kombinaci s WAI-ARIAPřístupnost HTML5 v kombinaci s WAI-ARIA
Přístupnost HTML5 v kombinaci s WAI-ARIARadek Pavlíček
 
Přístupnost není charita
Přístupnost není charitaPřístupnost není charita
Přístupnost není charitaRadek Pavlíček
 
Measuring real accessibility
Measuring real accessibilityMeasuring real accessibility
Measuring real accessibilityRadek Pavlíček
 
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012Radek Pavlíček
 
Příklady dobré a špatné praxe z oblasti přístupnosti
Příklady dobré a špatné praxe z oblasti přístupnostiPříklady dobré a špatné praxe z oblasti přístupnosti
Příklady dobré a špatné praxe z oblasti přístupnostiRadek Pavlíček
 
Praktické aspekty přístupnosti
Praktické aspekty přístupnostiPraktické aspekty přístupnosti
Praktické aspekty přístupnostiRadek Pavlíček
 

Plus de Radek Pavlíček (19)

Digitální design bez bariér
Digitální design bez bariérDigitální design bez bariér
Digitální design bez bariér
 
Jak na přístupnost knihovních webů
Jak na přístupnost knihovních webůJak na přístupnost knihovních webů
Jak na přístupnost knihovních webů
 
Jak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnostJak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnost
 
Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017
 
Proč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republiceProč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republice
 
Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014
 
Když už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačíKdyž už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačí
 
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 EditionHow to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
 
Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013
 
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesHow HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
 
How to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk universityHow to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk university
 
How to improve UX by implementing accessibility
How to improve UX by implementing accessibilityHow to improve UX by implementing accessibility
How to improve UX by implementing accessibility
 
Přístupnost HTML5 v kombinaci s WAI-ARIA
Přístupnost HTML5 v kombinaci s WAI-ARIAPřístupnost HTML5 v kombinaci s WAI-ARIA
Přístupnost HTML5 v kombinaci s WAI-ARIA
 
Přístupnost není charita
Přístupnost není charitaPřístupnost není charita
Přístupnost není charita
 
Measuring real accessibility
Measuring real accessibilityMeasuring real accessibility
Measuring real accessibility
 
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
 
Příklady dobré a špatné praxe z oblasti přístupnosti
Příklady dobré a špatné praxe z oblasti přístupnostiPříklady dobré a špatné praxe z oblasti přístupnosti
Příklady dobré a špatné praxe z oblasti přístupnosti
 
Google and accessibility
Google and accessibilityGoogle and accessibility
Google and accessibility
 
Praktické aspekty přístupnosti
Praktické aspekty přístupnostiPraktické aspekty přístupnosti
Praktické aspekty přístupnosti
 

WCAG 2.0 - nový pohled na přístupnost

  • 1. 1 Radek Pavlíček, říjen 2009 “The Web is not a barrier to people with disabilities, it is the solution. Paul R. Bohman, WebAIM
  • 2. Proč se zabývat přístupností? #1 Člověk – usnadnit práci s webem návštěvníkům s handicapem i bez něj. Zisk – čím více návštěvníků, tím větší kupní síla. Úspora nákladů na webovou prezentaci. PR, posilování značky – „děláme něco pro postižené“. Lepší viditelnost webu ve vyhledávačích – aplikování řady přístupnostních požadavků může pomoci i z hlediska SEO. Trest – vyhnutí se soudům nebo kritice za nepřístupnost. 2
  • 3. Proč se zabývat přístupností? #2 Aplikování řady přístupnostních požadavků pomáhá i běžným návštěvníkům. 3
  • 4. Co vše má vliv na přístupnost? #1 Zdravotní postižení jiné požadavky má nevidomý, slabozraký, sluchově postižený, tělesně postižený... Technické zpracování (~ zda vyhovuje pravidlům některé metodiky) nepodceňovat, ale ani nepřeceňovat. Zkušenosti konkrétního uživatele s prací s webem čím větší zkušenosti, tím lepší orientace i na méně přístupném webu, zkušení uživatelé mají ale zpravidla vyšší nároky na přístupnost. 4
  • 5. Co vše má vliv na přístupnost? #2 Zkušenosti konkrétního uživatele s prací s asistivní technologií (AT) naučit se dobře ovládat AT by měla být povinnost zrakově postiženého uživatele, čím lepší znalosti, tím lépe může uživatel využívat možností stránky -> vyšší efektivita práce, snazší přístup k informacím, malé či nedostatečné znalosti -> „nesmyslné“ požadavky na přístupnost. 5
  • 6. Co vše má vliv na přístupnost? #3 Použitá AT, její konfigurace a verze Uživatelé různých asistivních technologií vidí ten samý web jinak. AT patří mezi SW, který lze ve velké míře konfigurovat. Použitý prohlížeč a jeho doplňky Seriál o přístupnosti prohlížečů na POSLEPU. Preference a zvyklosti konkrétního uživatele 6
  • 7. Někdo zůstal za dveřmi??? Posun od definice přístupnosti v podobě, v jaké ji asi znáte (stránka je přístupná pro každého). Ve WCAG 2.0 se píše: Note that even content that conforms at the highest level (AAA) will not be accessible to individuals with all types, degrees, or combinations of disability, particularly in the cognitive language and learning areas. 7
  • 8. Metodiky přístupnosti IDEÁLY přístupného webu To, že web (plně) nevyhovuje některé metodice, ještě neznamená, že není přístupný, a naopak. Při definici přístupnosti je třeba brát v potaz čas, rozsah, situaci na poli asistivních technologií a prohlížečů, cílovou skupinu, její zvyklosti a preference. 8
  • 9. Co ovlivňuje kvalitu metodiky Čí problémy řeší (méně někdy může být více). Datum vydání. Konkrétnost požadavků. Existence dokumentu s technikami pro řešení konkrétních situací či dalších podpůrných dokumentů. 9
  • 10. Mějte na paměti Metodiky nejsou bez chyb. Pozor na přístupnostní klišé. V mnoha případech také neexistuje jediné správné řešení. Při aplikaci pravidel používejte zdravý selský rozum. Testování přístupnosti s ohledem na aktuální situaci na poli přístupnosti je důležité. 10
  • 11. WCAG 1.0 Vydána 5. května 1999 konsorciem W3C. 14 pravidel, každé z nich obsahuje jednotlivé kontrolní body. Každému kontrolnímu bodu je přiřazena určitá priorita (1 až 3), vyjadřující jeho důležitost (musí, měl by, může). 11
  • 12. Situace na webu kolem roku 1999 Text, odkaz, obrázek. Uživatelé měli velmi omezený přístup k internetu. Asistivní technologie uměly zlomek toho, co umí dnes. Práce s obsahem de facto na úrovni prostého textu. 12
  • 13. Situace dnes Multimediální prostor, v němž můžeme narazit takřka na jakýchkoliv typ obsahu (text, grafika, audio, video, animace, znaková řeč, atp.) Velmi progresivní vývoj v oblasti asistivních technologií. Změnil se také způsob práce s obsahem webu (pasivní -> aktivní). 13
  • 14. WCAG 2.0 Vznikla jako reakce na dnes již v mnoha ohledech nevyhovující WCAG 1.0. První veřejná pracovní verze byla vydána 25. ledna 2001, pak bylo vydáno dalších 11 pracovních verzí. Finální verze vydána 11. prosince 2008. 14
  • 15. WCAG 2.0 – struktura metodiky  Princip – pravidlo – kritérium – technika  4 principy Vnímatelnost. Ovladatelnost. Srozumitelnost. Robustnost. 15
  • 16. WCAG 2.0 – struktura metodiky Každý princip je dále členěn na několik pravidel (celkem je jich 12). Každé pravidlo má několik kritérií, které mají opět přiřazeny priority (A, AA, AAA) a jejich ne/splnění lze ověřit. K pravidlům a kritériím jsou přiřazeny techniky. Ty jsou informativní a dělí se na postačující a poradenské. 16
  • 17. WCAG 2.0 v rychlosti - vnímatelnost Netextovému obsahu zajistěte textovou alternativu. K audio a video obsahu zajistěte titulky a alternativy. Vytvořte přizpůsobitelný obsah a umožněte jeho zpracování pomocí asistivních technologií. Zajistěte dostatečný kontrast, aby věci byly snadno viditelné a slyšitelné. 17
  • 18. WCAG 2.0 v rychlosti - ovladatelnost Zajistěte, aby vše bylo přístupné z klávesnice. Poskytněte uživateli dostatek času na přečtení a práci s obsahem stránky. Nepoužívejte obsah, který může způsobit záchvaty. Pomozte uživatelům s navigací a nalezením obsahu. 18
  • 19. WCAG 2.0 v rychlosti - srozumitelnost Pište texty tak, aby byly čitelné a srozumitelné. Tvořte obsah tak, aby se zobrazoval a fungoval tak, jak uživatel předpokládá. Pomozte uživatelům vyvarovat se chyb a opravit je. 19
  • 20. WCAG 2.0 v rychlosti - robustnost Zajistěte maximální kompatibilitu se stávajícími i budoucími technologiemi, včetně asistivních technologií. 20
  • 21. WCAG 2.0 – co je nového? #1 Progresivní přístup k věci. Nestanovuje jasnou mez, co je přístupné a co nikoliv, důležitý je aktuální stav prohlížečů a asistivních technologií. Pravidla odpovídají aktuálním trendům, řada pravidel z WCAG 1.0 už je dnes naprosto neaktuálních. 21
  • 22. WCAG 2.0 – co je nového? #2 Pravidla jsou flexibilní, přizpůsobivá a nadčasová. Měřitelnější výsledky. Nezávislost na technologii. Orientace na uživatele. Základní věci z hlediska přístupnosti se nemění. 22
  • 23. 23
  • 24. 24
  • 25. WCAG 1.0 vs WCAG 2.0 Kompletní srovnání cca 35 normostran. http://www.w3.org/WAI/WCAG20/from 10/comparison/ 21 naprosto nových požadavků/kritérií. Ostatní (svým způsobem) odpovídají pravidlům WCAG 1.0. 25
  • 26. WCAG 2.0 – nové požadavky A Nezávislost na smyslovém vnímání. Důraz na ovládání z klávesnice. Identifikace chyb. Popisky nebo pokyny v situacích, kdy je vyžadován vstup uživatele. Ovládání zvuku. 26
  • 27. WCAG 2.0 – nové požadavky AA Výstižné nadpisy a popisky Návrhy pro opravení chyby Předcházení chybám Zrušitelnost Kontrola dat Potvrzení 27
  • 28. WCAG 2.0 – nové požadavky AAA Překlad audiozáznamu do znakového jazyka u předtočených multimedií. Alternativa pro multimediální prvky. Požadavky na vizuální znázornění stránky. Žádné časování. Aktualizace zabezpečeného obsahu. Viditelný focus, informace o aktuální pozici v rámci webu. Ošetření neobvyklých slov a výslovnosti. Kontextová nápověda. 28
  • 29. WCAG 2.0 – kde jej najít? originální verze - www.w3.org/TR/WCAG20 český překlad – www.blindfriendly.cz/wcag20 část dokumentu, neautorizovaný překlad WCAG 2.0 Checklist www.webaim.org/standards/wcag/checklis t WCAG 2.0 Checklist – česká verze www.blindfriendly.cz/wcag20checklist 29
  • 30. A to je vše ;-) Děkuji za pozornost. pavlicek@blindfriendly.cz www.centrumpronevidome.cz/pavlicek www.poslepu.cz www.zdrojak.cz/pristupnost 30