ORSIA spol. s r.o. Čs. armády 1181 562 01 Ústí nad Orlicí Petr Gregor, Jaroslav Hošek Deset let projektu Blind Friendly Web Zpřístupnění webu s výsledky.

Prezentace na téma: "ORSIA spol. s r.o. Čs. armády 1181 562 01 Ústí nad Orlicí Petr Gregor, Jaroslav Hošek Deset let projektu Blind Friendly Web Zpřístupnění webu s výsledky."— Transkript prezentace:

1 ORSIA spol. s r.o. Čs. armády 1181 562 01 Ústí nad Orlicí Petr Gregor, Jaroslav Hošek Deset let projektu Blind Friendly Web Zpřístupnění webu s výsledky voleb www.volby.cz

2 Zpřístupnění webu s výsledky voleb www.volby.cz Cíl projektu: S výsledky voleb se budou moci bez problémů seznámit i handicapovaní uživatelé webu Šlo nám o dosažení reálné přístupnosti webu, kdy není kladen důraz jen na technickou stránku věci, ale jsou brány v potaz i další skutečnosti, které mají na přístupnost konkrétní webové prezentace významný vliv.

3 Zpřístupnění webu s výsledky voleb www.volby.cz Partneři projektu: Český statistický úřad – provozovatel portálu www.volby.cz ORSIA s.r.o. – autor webové prezentace TyfloCentrum Brno, o.p.s. – testování reálné přístupnosti prezentace

4 Zpřístupnění webu s výsledky voleb www.volby.cz Specifika projektu: Výsledky voleb jsou prezentovány převážně formou tabulkových dat Některé z tabulek byly značně rozsáhlé; i více než 1000 buněk v jedné tabulce (např. 18 sloupců x 63 řádků) Některé z tabulek měly nepravidelnou strukturu Prezentace je zatížena jednorázově značným množstvím přístupů, v mezidobí je provoz minimální Html kód je generován automaticky za pomocí PL/SQL procedur uložených v databázi ORACLE

5 Zpřístupnění webu s výsledky voleb www.volby.cz Postup prací na projektu a)Jednodenní seminář pro programátory v TyfloCentrum Brno, o.p.s b)Vývoj www prezentace v ORSIA s.r.o. + základní bezpečnostní testy c)Testy přístupnosti v TyfloCentrum Brno, o.p.s d)Optimalizace software z hlediska výkonu v ORSIA s.r.o. e)Testy přístupnosti v TyfloCentrum Brno, o.p.s f)Finální testy na bezpečnost portálu www.volby.cz g)Vyhodnocení ekonomiky projektu pro tvůrce řešení v ORSIA s.r.o. (náklady, zvýšení pracnosti atd…)

6 Zpřístupnění webu s výsledky voleb www.volby.cz Použitá metodika Blind Friendly Web 2.3

7 Zpřístupnění webu s výsledky voleb www.volby.cz Výchozí stav prezentace - grafický návrh znesnadňující přístup Rozsáhlé tabulky s nepřehlednou strukturou Několik tabulek vnořených do jedné – formátování tabulkou Chybějící nebo nedostatečná navigace na počátku stránky

8 Zpřístupnění webu s výsledky voleb www.volby.cz Výchozí stav prezentace www.volby.cz – kód generující nepřístupný webwww.volby.cz Nebyly zavedeny značky pro identifikaci záhlaví tabulek Grafické objekty určené k ovládání stránky neměly definován alternativní textový popisek Formátování textu bylo prováděno tabulkou Nebyly korektně vyznačeny prvky tvořící nadpisy a seznamy Velikost písma byla definována v absolutních jednotkách (pixel)

9 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 1. Všechny tabulky musí dávat smysl čtené po řádcích Původní stav Nový stav …

10 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 2a. Tabulky jsou zrakově postiženým lépe zpřístupněny V kódu jsou důsledně použity značky th, summary, caption Výsledky hlasování za územní celky - část Hlavní město Praha Územní úroveň Výběr PM Výběr obce … CZ0100 Praha X

11 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 2b. Tabulky jsou zrakově postiženým lépe zpřístupněny V kódu jsou důsledně použity atributy id, headers Výsledky hlasování za územní celky - část Hlavní město Praha Územní úroveň Výběr PM Výběr obce … CZ0100 Praha X

12 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 3. Informace sdělované barvou nebo typem písma Původní stav Nový stav Do kódu bylo doplněno summary

13 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 5. Dostatečně kontrastní barvy popředí a pozadí Byla upravena barva písma Inverzní pozadí aktivního odkazu Původní stav Nový stav

14 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 6. Nepoužívání absolutních jednotek u velikostí písma a objektů body { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: white; color: black; margin: 0em;} a { text-decoration: underline;} a:link, a:visited { color: #30AB5E;} a:hover, a:active, a:focus { background-color:#30AB5E; color: white;} h1 { font-size: 1.6em; text-align:center; margin: 2em 0 2em 0;} h2 { font-size: 1.4em; text-align:left; margin: 1em 0 1em 0;} h3 { font-size: 1.2em; margin: 0.5em 0 0.5em 0;} h3.kraj { font-size: 1.4em; text-align:center;} h3.cr { font-size: 1.8em; text-align:center;}

15 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 7. Validní kód stránek dle specifikace jazyka HTML

16 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 8a. Definice nadpisů a seznamů pomocí značek – ukázka nadpisu a seznamu Volby do Evropského parlamentu konané na území České republiky ve dnech 05.06. - 06.06.2009 Jmenné seznamy a přehledy Celkové výsledky hlasování Výsledky hlasování za územní celky Územní přehledy o volební účasti Rozdělení mandátů stranám Informace o stavu zpracování Prohlížení číselníků

17 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 8b. Definice nadpisů a seznamů pomocí značek – ukázka více nadpisů Volby do zastupitelstev obcí 15.10. - 16.10.2010 Výsledky voleb Všechna zastupitelstva

18 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 9. Smysluplné pojmenování stránek Původní stav Nový stav

19 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 10. Správné označení odkazů na obsah jiného typu (Např.: *.pdf)

20 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 11. Drobečková navigace Původní stav Nový stav

21 Zpřístupnění webu s výsledky voleb www.volby.cz Příklady řešených problémů s přístupností 12. Zjednodušení rozsáhlých tabulek Původní stav Nový stav

22 Zpřístupnění webu s výsledky voleb www.volby.cz Ekonomické zhodnocení Náklady spojené s přijetím metodiky BFW u prvního projektu: Seznámení s metodikou a zaškolení pracovníků cca 3% z rozpočtové ceny Zvýšené náklady na tvorbu webu cca 5% Dodatečné náklady na testování cca 8% Celkem cca 16% z rozpočtované ceny projektu Náklady spojené s přijetím metodiky BFW u dalších projektů: Promítnutí aktualizace metodik do pracovních postupů cca 1% z rozpočtové ceny Zvýšené náklady na tvorbu webu cca 2% Dodatečné náklady na testování cca 6% Celkem cca 9% z rozpočtované ceny projektu

23 Zpřístupnění webu s výsledky voleb www.volby.cz Čísla nejsou vše Jsme rádi, že spolu s našimi partnery z TyfloCentrum o.p.s. můžeme alespoň malým dílem přispět: ke snížení nezaměstnanosti u zrakově postižených občanů začlenění zrakově postižených občanů do společnosti ke zvýšení počtu kvalifikované pracovní síly mezi zrakově postiženými občany

24 Konec prezentace ORSIA s.r.o. dodavatel projektu www.volby.czwww.volby.cz pro Český statistický úřad