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

Zpřístupnění webu s výsledky voleb 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.

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

Zpřístupnění webu s výsledky voleb 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

Zpřístupnění webu s výsledky voleb 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 g)Vyhodnocení ekonomiky projektu pro tvůrce řešení v ORSIA s.r.o. (náklady, zvýšení pracnosti atd…)

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

Zpřístupnění webu s výsledky voleb 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

Zpřístupnění webu s výsledky voleb Výchozí stav prezentace – 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)

Zpřístupnění webu s výsledky voleb 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 …

Zpřístupnění webu s výsledky voleb 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

Zpřístupnění webu s výsledky voleb 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

Zpřístupnění webu s výsledky voleb 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

Zpřístupnění webu s výsledky voleb 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

Zpřístupnění webu s výsledky voleb 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;}

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

Zpřístupnění webu s výsledky voleb 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 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ů

Zpřístupnění webu s výsledky voleb 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í Výsledky voleb Všechna zastupitelstva

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

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

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

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

Zpřístupnění webu s výsledky voleb 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

Zpřístupnění webu s výsledky voleb Čí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

Konec prezentace ORSIA s.r.o. dodavatel projektu pro Český statistický úřad