SlideShare a Scribd company logo
1 of 31
Zlatý erb 2014: testování přístupnosti
Mgr. Radek Pavlíček, TyfloCentrum Brno, o. p. s., Blind Friendly Web
PROČ PŘÍSTUPNOST
TESTUJEME?
Zákonná povinnost
(Vyhláška o přístupnosti)
Web je oficiálním komunikačním
kanálem institucí a jako takový musí
být přístupný bez rozdílu všem
uživatelům
Lidé s handicapem musí mít
zajištěný rovnocenný přístup
k informacím
Přístupný web se snáze používá
i běžným návštěvníkům
JAK
TESTUJEME?
Mix heuristického a
uživatelského testování
Týmová práce (já + 7 testerů
s těžkým postižením zraku)
Průměr hodnocení
VÝSLEDKY
Výsledky - města
0
1
2
3
4
5
Město Bruntál – nominace na cenu za
nejpřístupnější web z kategorie Města
Výsledky - obce
0
1
2
3
4
5
Blešno Břehy Dolní
Břežany
Křižany Mišovice Náměšť
na Hané
Okříšky Otice Praha -
Velká
Chuchle
Roštění Řenče Tisá Tvarožná
Lhota
Roštění – nominace na cenu za
nejpřístupnější web obce
CO SE NÁM LÍBILO
Strukturování obsahu
Konzistentní navigace
Přístupně vytvořená
rozbalovací menu
Mobilní verze
OBECNĚ
Technická řešení šablon
prakticky bez výhrad
CO SE NÁM NELÍBILO
Nepřístupné dokumenty
Chybějící či nevhodné
textové alternativy
grafických prvků
Nesprávné/nevhodné
použití
nadpisů/landmarků
Absence zvýraznění
focusu
Orientace ve velkém
množství dat
CHCETE MÍT PŘÍSTUPNÝ
WEB?
Další informace o přístupnosti
www.blindfriendly.cz, www.poslepu.cz, www.twitter.com/radlicek
Připravují se změny
v legislativě související
s přístupností
Kontakt
pavlicek@blindfriendly.cz
@radlicek

More Related Content

More from 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
 
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
 
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
 
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?Radek Pavlíček
 
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
 
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
 
Jak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíJak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíRadek 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
 
I pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáI pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáRadek 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
 
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
 
Tvorba přístupného webu
Tvorba přístupného webuTvorba přístupného webu
Tvorba přístupného webuRadek Pavlíček
 

More from Radek Pavlíček (20)

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
 
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
 
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
 
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
 
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
 
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
 
Jak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíJak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupností
 
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
 
I pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáI pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitá
 
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
 
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
 
Tvorba přístupného webu
Tvorba přístupného webuTvorba přístupného webu
Tvorba přístupného webu
 

Hodnocení přístupnosti v soutěži Zlatý erb 2014