SlideShare una empresa de Scribd logo
1 de 35
Descargar para leer sin conexión
Zlatý erb 2013: testování přístupnosti




Mgr. Radek Pavlíček, TyfloCentrum Brno, o. p. s.
Spolu s kolegy z Blind Friendly Web týmu již řadu let
testujeme přístupnost v soutěži Zlatý erb.
Navrhujeme také weby k udělení Zvláštní ceny
ministra vnitra za nejlepší bezbariérový přístup na
webové stránky při soutěži Zlatý erb.
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ý
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
Přístupnost, které se budeme v této prezentaci věnovat,
nepřináší výhody jen uživatelům se zdravotním
znevýhodněním…
…ale její přesah je mnohem širší.
Splněné úkoly




Tento fakt byl ověřen i při testech, které v roce 2004 provedla britská Disability Rgihts
Commission. Na webech, které měly problémy s přístupnosti, splnili uživatelécomplete all the
Although control group, that consists of non-disabled web users, was able to se zdravotním
handicapem jen 2/3 zadaných úkolů. websites completed only 67 %.
tasks, blind users on low accessibility
Délka splnění úkolu




Na webech, které měly problémy s přístupností, byly obě skupiny při plnění úkolů
pomalejší. Jinými slovy – na přístupných webech byly schopny obě skupiny splnit úkoly
rychleji.
JAK
TESTUJEME?
Mix heuristického a
uživatelského testování
Týmová práce (já + 6 testerů
 s těžkým postižením zraku)
Průměr hodnocení
VÝSLEDKY
Výsledky - města
Město Cheb – nominace na cenu za
nejpřístupnější web z kategorie Města
Výsledky - obce
Petrovice – 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
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ů
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
Najdete nás v přízemí na stánku č. 52
Kontakt
pavlicek@blindfriendly.cz
        @radlicek

Más contenido relacionado

Similar a Testování přístupnosti v soutěži Zlatý erb 2013

Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015Radek Pavlíček
 
WCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnostWCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnostRadek Pavlíček
 
Barbora Uhlířová - Snadno srozumitelné informace pro lidi s mentálním postiže...
Barbora Uhlířová - Snadno srozumitelné informace pro lidi s mentálním postiže...Barbora Uhlířová - Snadno srozumitelné informace pro lidi s mentálním postiže...
Barbora Uhlířová - Snadno srozumitelné informace pro lidi s mentálním postiže...KISK FF MU
 
Prezentace Michala Rady na seminář paradní web 2013 (promítání)
Prezentace Michala Rady na seminář paradní web 2013 (promítání)Prezentace Michala Rady na seminář paradní web 2013 (promítání)
Prezentace Michala Rady na seminář paradní web 2013 (promítání)Michal Rada
 
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
 
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
 
Přístupnost není charita
Přístupnost není charitaPřístupnost není charita
Přístupnost není charitaRadek Pavlíček
 
Shibboleth - federativní autentizace
Shibboleth - federativní autentizaceShibboleth - federativní autentizace
Shibboleth - federativní autentizaceJiri Pavlik
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditůH1.cz
 
Blok expertů 9.10.2014: Barbora Uhlířová
Blok expertů 9.10.2014: Barbora UhlířováBlok expertů 9.10.2014: Barbora Uhlířová
Blok expertů 9.10.2014: Barbora UhlířováKISK FF MU
 
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
 
JAWS - web očima nevidomých
JAWS - web očima nevidomýchJAWS - web očima nevidomých
JAWS - web očima nevidomýchRadek 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
 

Similar a Testování přístupnosti v soutěži Zlatý erb 2013 (15)

Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015
 
WCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnostWCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnost
 
Barbora Uhlířová - Snadno srozumitelné informace pro lidi s mentálním postiže...
Barbora Uhlířová - Snadno srozumitelné informace pro lidi s mentálním postiže...Barbora Uhlířová - Snadno srozumitelné informace pro lidi s mentálním postiže...
Barbora Uhlířová - Snadno srozumitelné informace pro lidi s mentálním postiže...
 
Prezentace Michala Rady na seminář paradní web 2013 (promítání)
Prezentace Michala Rady na seminář paradní web 2013 (promítání)Prezentace Michala Rady na seminář paradní web 2013 (promítání)
Prezentace Michala Rady na seminář paradní web 2013 (promítání)
 
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
 
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
 
Přístupnost není charita
Přístupnost není charitaPřístupnost není charita
Přístupnost není charita
 
Shibboleth - federativní autentizace
Shibboleth - federativní autentizaceShibboleth - federativní autentizace
Shibboleth - federativní autentizace
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditů
 
Mu 09 10_14
Mu 09 10_14Mu 09 10_14
Mu 09 10_14
 
Blok expertů 9.10.2014: Barbora Uhlířová
Blok expertů 9.10.2014: Barbora UhlířováBlok expertů 9.10.2014: Barbora Uhlířová
Blok expertů 9.10.2014: Barbora Uhlířová
 
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
 
JAWS - web očima nevidomých
JAWS - web očima nevidomýchJAWS - web očima nevidomých
JAWS - web očima nevidomých
 
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
 

Más 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
 
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
 
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
 
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
 

Más de Radek Pavlíček (15)

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
 
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
 
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
 
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
 

Testování přístupnosti v soutěži Zlatý erb 2013