SlideShare a Scribd company logo
1 of 12
Download to read offline
© Dana Vynikarová
1
Moderní prostředky informatiky pro
administrativu, provoz a řízení
I. cvičení
Moderní prostředky informatiky pro administrativu, provoz a řízení
Přístupnost webových stránek
Hodnocení webů měst a obcí ČR – krajské kolo
soutěže Zlatý erb
© Dana Vynikarová
Přístupnost webu
2
Přístupnost
 Stav, kdy daná věc neklade při používání svým uživatelům
žádné zásadní překážky:
 přístupná budova – mohou ji používat např. vozíčkáři
 přístupný web – mohou ji využívat např. slabozrací
 Synonymum přístupnosti = bezbariérovost
 Souhrnná definice: „Přístupná webová stránka je použitelná
pro každého uživatele Internetu, bez ohledu na jeho
postižení, schopnosti, znalosti, zkušenosti či zobrazovací
možnosti.“
 Přístupnost – znak kvality páce každého návrháře webu
 podstatný prvek webových stránek, který má reálnou
využitelnost
 povinná pro webové stránky veřejné správy
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
Důležitost přístupnosti
3
 Web plný nepřístupných bariér – pro mnoho uživatelů velký
problém
 ne všichni uživatelé mají rovnocenné podmínky
 Uživatelé webu nemusí mít stejné:
 zdravotní dispozice – někteří hůře vidí, slyší, mají problém
používat horní končetiny, trpí poruchami soustředění, apod.
 zkušenosti s Internetem – někteří využívají Internet zřídka a
nemají zažité mechanismy
 jazykové vybavení a schopnost porozumět psanému textu
– někteří ovládají češtinu jen omezeně, složité slovní
konstrukce jsou pro ně nesrozumitelné
 technické vybavení – někteří uživatelé nemohou používat
myš, jiní nemohou používat monitor, jiní používají PDA
 softwarové vybavení – někteří používají jiný operační systém
nebo internetový prohlížeč
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
Blind friendly web – metodika SONS
4
 Blind friendly web – dokumentace zásad přístupnosti webových
stránek pro uživatele s těžkým zrakovým postižením
 Aby web mohl být takto označován, musí splňovat určitá pravidla
 Výčet některých pravidel – metodika BFW verze 2.3:
1. Pravidla s nejvyšší prioritou – bezpodmínečně nutné k
tomu, aby zrakově postiženému návštěvníku byly informace
na stránkách přístupné (14 pravidel)
 textová alternativa grafických objektů k ovládání stránky
 všechny tabulky dávají smysl čtené po řádcích
 obsah stránky se nemění, jen když uživatel aktivuje nějaký prvek
 barvy popředí a pozadí jsou dostatečně kontrastní
 na stránce nebliká nic rychleji než jednou za sekundu,
 informace sdělované barvou dostupné i bez barevného rozlišení
 prvky tvořící nadpisy a seznamy jsou korektně označeny ve
zdrojovém kódu, …
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
Blind friendly web – metodika SONS
5
2. Pravidla se střední prioritou – nutné k tomu, aby orientace
zrakově postiženého návštěvníka na stránkách byla co
nejjednodušší (5 pravidel)
 všechny netextové prvky mají textovou alternativu
 stránka má smysluplný název, vystihující její odkaz
 uživatel je předem upozorněn, když odkaz vede na obsah
jiného typu, než je webová stránka (.doc, .pdf, apod.), …
3. Pravidla s nejnižší prioritou – jejich dodržením je ještě více
usnadněno zrakově postiženým získávání informací z
webových stránek (6 pravidel)
 důležité navigační prvky mají přiřazenu horkou klávesu
 dokumenty, které jsou v jiných formátech než HTML, jsou
dostupné i v tomto formátu
 ASCII znaky, zkratky a smajlíky jsou zrakově postiženým
zpřístupněny
 v textu je vyznačena změna použitého jazyka, …
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
Přístupný web – vyhláška MV č. 64/2008
6
 Metodický pokyn vydaný Ministerstvem vnitra České
republiky
 Podrobné znění – Metodický pokyn k vyhlášce č.
64/2008 Sb., o formě uveřejňování informací souvisejících
s výkonem veřejné správy prostřednictvím webových
stránek pro osoby se zdravotním postižením
 Povinné pro webové stránky státní správy
 Celkem 33 pravidel rozdělených dle 6ti kategorií:
 obsah webových stránek je dostupný a čitelný
 práci s webovou stránkou řídí uživatel
 informace musí být srozumitelné a přehledné
 ovládání webových stránek musí být jasné a pochopitelné
 zdrojový kód musí být technicky způsobilý a strukturovaný
 prohlášení o přístupnosti webových stránek
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
Soutěž o nejlepší web MČ a obcí ČR
7
 Zhodnocení webové stránky městské části či obce dle
metodiky soutěže Zlatý erb 2013 – krajské kolo
 Kategorie hodnocení – za každou kategorii (1 až 6) lze
udělit 0 až 5 bodů (0 kritérium nesplněno/5 splněno):
1. Povinné informace – váha 2
 existence osnovy dle vyhlášky č. 442/2006 nebo 109/1999
 bod 8.2 rozpočet – aktuální a předchozí rok, uveden v
textově použitelném formátu
 bod 13 návody na řešení životních situací – přímo na
webových stránkách nebo odkazem na http://portal.gov.cz
 bod 14.2 vydané právní předpisy
 bod 17 výroční zpráva – nejméně za dva poslední roky,
textově použitelný formát
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
Úkoly
8
2. Úřední deska – váha 2
 snadnost nalezení desky na webu
 možnost fulltextového vyhledávání
 možnost třídění a řazení dokumentů dle skupin, dat
 zveřejnění dokumentů úřadu v textové podobě, nikoliv
v obrazové (sken)
 informace kde nalézt „kamennou úřední desku“
3. Doporučení a doplňkové informace – váha 1,5
 stanovte si 5 doplňkových informací a jejich přítomnost na
webu ohodnoťte
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
Úkoly
9
4. Ovládání, navigace a přehlednost stránky – váha 1,5
 srozumitelná struktura webu – přehledné členění webu,
jasné a přesné názvy stránek, provázání souvisejících
stránek, …
 snadná orientace v hierarchii webu pomocí nabídek –
vhodné umístění nabídek, snadná ovladatelnost nabídek,
intuitivní formulace odkazů, označení pozice zobrazené
stránky v hierarchii webu, …
 přítomnost mapy webu – odkaz na mapu na každé
stránce
 vyhledávací nástroje – globální fulltext, kontextový
fulltext na jednotlivých stránkách pro dohledávání
podobného obsahu
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
Úkoly
10
5. Výtvarné zpracování – váha 1
 výtvarné zpracování webu s ohledem na důstojnost stránky
a důvěryhodnost obsahu
 nápaditost řešení rozhraní s ohledem na ergonomii ovládání
6. Zkrácený test přístupnosti – váha 1,5
 všechny odkazy a ovládací prvky jsou přístupné a
ovladatelné z klávesnice – klávesa tabulátor
 každá webová stránka má smysluplný název (titulek),
vystihující její obsah – obsah značky <title> v sekci <head>
 prvky tvořící nadpisy jsou korektně vyznačeny ve zdrojovém
kódu značkami <h1> až <h6>
 doplněk do prohlížeče Mozilla Firefox Wave Toolbar –
funkce Outline
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
Úkoly
11
 každý netextový prvek nesoucí významové sdělení má svou
textovou alternativu
 doplněk do prohlížeče Mozilla Firefox Web Developer
– Images – Disable Images – Disable All images
 dostupné z http://www.mozilla.org/en-US/firefox/new/
– Add-ones (doplňky)
 barvy popředí a pozadí textu jsou vůči sobě dostatečně
kontrastní
 program Colour Contrast Analyser – lze stáhnout na:
http://poslepu.blogspot.cz/2009/01/testovani-kontrastu-
barev.html
 on-line program Color Contrast Checker – dostupný z:
http://webaim.org/resources/contrastchecker/
Moderní prostředky informatiky pro administrativu, provoz a řízení
© Dana Vynikarová
12
Děkuji za pozornost !
Moderní prostředky informatiky pro administrativu, provoz a řízení
Dotazy …

More Related Content

Similar to Mpi cv01

Přístupnost webových stránek měst a obcí
Přístupnost webových stránek měst a obcíPřístupnost webových stránek měst a obcí
Přístupnost webových stránek měst a obcívladimir.matejicek
 
Přístupnost webových stránek - pravidla 2008
Přístupnost webových stránek - pravidla 2008Přístupnost webových stránek - pravidla 2008
Přístupnost webových stránek - pravidla 2008Equica
 
Pravidla přístupnosti prakticky
Pravidla přístupnosti praktickyPravidla přístupnosti prakticky
Pravidla přístupnosti praktickySherpas
 
Radek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný webRadek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný webKISK FF MU
 
Tvorba přístupného webu
Tvorba přístupného webuTvorba přístupného webu
Tvorba přístupného webuRadek 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
 
Pravidla přístupnosti prakticky
Pravidla přístupnosti praktickyPravidla přístupnosti prakticky
Pravidla přístupnosti praktickyJiri Mzourek
 
Přístupnost v praxi
Přístupnost v praxiPřístupnost v praxi
Přístupnost v praxiLukas Marvan
 
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
 
Efektivní online prezentace
Efektivní online prezentaceEfektivní online prezentace
Efektivní online prezentaceIvo Kylián
 
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
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditůH1.cz
 
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...Radek Mašata
 

Similar to Mpi cv01 (20)

Přístupnost webových stránek měst a obcí
Přístupnost webových stránek měst a obcíPřístupnost webových stránek měst a obcí
Přístupnost webových stránek měst a obcí
 
Přístupnost webových stránek - pravidla 2008
Přístupnost webových stránek - pravidla 2008Přístupnost webových stránek - pravidla 2008
Přístupnost webových stránek - pravidla 2008
 
Pravidla přístupnosti prakticky
Pravidla přístupnosti praktickyPravidla přístupnosti prakticky
Pravidla přístupnosti prakticky
 
Domansky
DomanskyDomansky
Domansky
 
Radek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný webRadek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný web
 
Tvorba přístupného webu
Tvorba přístupného webuTvorba přístupného webu
Tvorba přístupného webu
 
TNPW2-2012-02
TNPW2-2012-02TNPW2-2012-02
TNPW2-2012-02
 
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
 
Pravidla přístupnosti prakticky
Pravidla přístupnosti praktickyPravidla přístupnosti prakticky
Pravidla přístupnosti prakticky
 
TNPW2-2014-02
TNPW2-2014-02TNPW2-2014-02
TNPW2-2014-02
 
TNPW2-2016-02
TNPW2-2016-02TNPW2-2016-02
TNPW2-2016-02
 
TNPW2-2013-02
TNPW2-2013-02TNPW2-2013-02
TNPW2-2013-02
 
Přístupnost v praxi
Přístupnost v praxiPřístupnost v praxi
Přístupnost v praxi
 
Weby firem o rok starší
Weby firem o rok staršíWeby firem o rok starší
Weby firem o rok starší
 
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-04
TNPW2-2011-04TNPW2-2011-04
TNPW2-2011-04
 
Efektivní online prezentace
Efektivní online prezentaceEfektivní online prezentace
Efektivní online prezentace
 
JAWS - web očima nevidomých
JAWS - web očima nevidomýchJAWS - web očima nevidomých
JAWS - web očima nevidomých
 
Metodika webových auditů
Metodika webových auditůMetodika webových auditů
Metodika webových auditů
 
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
Úvod do světa internetu (z tréninku Internet nástrojem moderní komunikace) - ...
 

Recently uploaded

SEO Restart 2024: Martina Zrzavá Libřická - SEO & DEV: Jak na vývojáře od poc...
SEO Restart 2024: Martina Zrzavá Libřická - SEO & DEV: Jak na vývojáře od poc...SEO Restart 2024: Martina Zrzavá Libřická - SEO & DEV: Jak na vývojáře od poc...
SEO Restart 2024: Martina Zrzavá Libřická - SEO & DEV: Jak na vývojáře od poc...Taste
 
SEO Restart 2024: Richard Klačko - Klíčovka s AI pohonem
SEO Restart 2024: Richard Klačko - Klíčovka s AI pohonemSEO Restart 2024: Richard Klačko - Klíčovka s AI pohonem
SEO Restart 2024: Richard Klačko - Klíčovka s AI pohonemTaste
 
SEO Restart 2024: Martin Michálek - Nová metrika rychlosti INP a praktické ti...
SEO Restart 2024: Martin Michálek - Nová metrika rychlosti INP a praktické ti...SEO Restart 2024: Martin Michálek - Nová metrika rychlosti INP a praktické ti...
SEO Restart 2024: Martin Michálek - Nová metrika rychlosti INP a praktické ti...Taste
 
SEO Restart 2024: Roman Teuschel - Mezinárodní SEO v kontextu expanze
SEO Restart 2024: Roman Teuschel - Mezinárodní SEO v kontextu expanzeSEO Restart 2024: Roman Teuschel - Mezinárodní SEO v kontextu expanze
SEO Restart 2024: Roman Teuschel - Mezinárodní SEO v kontextu expanzeTaste
 
SEO Restart 2024: Sarah Presch - Kognitivní předsudky - jak psychologické teo...
SEO Restart 2024: Sarah Presch - Kognitivní předsudky - jak psychologické teo...SEO Restart 2024: Sarah Presch - Kognitivní předsudky - jak psychologické teo...
SEO Restart 2024: Sarah Presch - Kognitivní předsudky - jak psychologické teo...Taste
 
SEO Restart 2024: Vojtěch Fiala - Linkbuilding vs. (digitální) PR: Od odkazů ...
SEO Restart 2024: Vojtěch Fiala - Linkbuilding vs. (digitální) PR: Od odkazů ...SEO Restart 2024: Vojtěch Fiala - Linkbuilding vs. (digitální) PR: Od odkazů ...
SEO Restart 2024: Vojtěch Fiala - Linkbuilding vs. (digitální) PR: Od odkazů ...Taste
 
SEO Restart 2024: Jan Tichý - Na počátku bylo...
SEO Restart 2024: Jan Tichý - Na počátku bylo...SEO Restart 2024: Jan Tichý - Na počátku bylo...
SEO Restart 2024: Jan Tichý - Na počátku bylo...Taste
 
SEO Restart 2024: Martin Žatkovič - Můžeme jakožto SEO konzultanti uspět v Go...
SEO Restart 2024: Martin Žatkovič - Můžeme jakožto SEO konzultanti uspět v Go...SEO Restart 2024: Martin Žatkovič - Můžeme jakožto SEO konzultanti uspět v Go...
SEO Restart 2024: Martin Žatkovič - Můžeme jakožto SEO konzultanti uspět v Go...Taste
 
SEO Restart 2024: Tomáš Zahálka - Tajné SEO tipy pro Shoptet
SEO Restart 2024: Tomáš Zahálka - Tajné SEO tipy pro ShoptetSEO Restart 2024: Tomáš Zahálka - Tajné SEO tipy pro Shoptet
SEO Restart 2024: Tomáš Zahálka - Tajné SEO tipy pro ShoptetTaste
 
SEO Restart 2024: Martin Kopta a Jakub Goldmann - Jak se dnes navrhují weby a...
SEO Restart 2024: Martin Kopta a Jakub Goldmann - Jak se dnes navrhují weby a...SEO Restart 2024: Martin Kopta a Jakub Goldmann - Jak se dnes navrhují weby a...
SEO Restart 2024: Martin Kopta a Jakub Goldmann - Jak se dnes navrhují weby a...Taste
 

Recently uploaded (10)

SEO Restart 2024: Martina Zrzavá Libřická - SEO & DEV: Jak na vývojáře od poc...
SEO Restart 2024: Martina Zrzavá Libřická - SEO & DEV: Jak na vývojáře od poc...SEO Restart 2024: Martina Zrzavá Libřická - SEO & DEV: Jak na vývojáře od poc...
SEO Restart 2024: Martina Zrzavá Libřická - SEO & DEV: Jak na vývojáře od poc...
 
SEO Restart 2024: Richard Klačko - Klíčovka s AI pohonem
SEO Restart 2024: Richard Klačko - Klíčovka s AI pohonemSEO Restart 2024: Richard Klačko - Klíčovka s AI pohonem
SEO Restart 2024: Richard Klačko - Klíčovka s AI pohonem
 
SEO Restart 2024: Martin Michálek - Nová metrika rychlosti INP a praktické ti...
SEO Restart 2024: Martin Michálek - Nová metrika rychlosti INP a praktické ti...SEO Restart 2024: Martin Michálek - Nová metrika rychlosti INP a praktické ti...
SEO Restart 2024: Martin Michálek - Nová metrika rychlosti INP a praktické ti...
 
SEO Restart 2024: Roman Teuschel - Mezinárodní SEO v kontextu expanze
SEO Restart 2024: Roman Teuschel - Mezinárodní SEO v kontextu expanzeSEO Restart 2024: Roman Teuschel - Mezinárodní SEO v kontextu expanze
SEO Restart 2024: Roman Teuschel - Mezinárodní SEO v kontextu expanze
 
SEO Restart 2024: Sarah Presch - Kognitivní předsudky - jak psychologické teo...
SEO Restart 2024: Sarah Presch - Kognitivní předsudky - jak psychologické teo...SEO Restart 2024: Sarah Presch - Kognitivní předsudky - jak psychologické teo...
SEO Restart 2024: Sarah Presch - Kognitivní předsudky - jak psychologické teo...
 
SEO Restart 2024: Vojtěch Fiala - Linkbuilding vs. (digitální) PR: Od odkazů ...
SEO Restart 2024: Vojtěch Fiala - Linkbuilding vs. (digitální) PR: Od odkazů ...SEO Restart 2024: Vojtěch Fiala - Linkbuilding vs. (digitální) PR: Od odkazů ...
SEO Restart 2024: Vojtěch Fiala - Linkbuilding vs. (digitální) PR: Od odkazů ...
 
SEO Restart 2024: Jan Tichý - Na počátku bylo...
SEO Restart 2024: Jan Tichý - Na počátku bylo...SEO Restart 2024: Jan Tichý - Na počátku bylo...
SEO Restart 2024: Jan Tichý - Na počátku bylo...
 
SEO Restart 2024: Martin Žatkovič - Můžeme jakožto SEO konzultanti uspět v Go...
SEO Restart 2024: Martin Žatkovič - Můžeme jakožto SEO konzultanti uspět v Go...SEO Restart 2024: Martin Žatkovič - Můžeme jakožto SEO konzultanti uspět v Go...
SEO Restart 2024: Martin Žatkovič - Můžeme jakožto SEO konzultanti uspět v Go...
 
SEO Restart 2024: Tomáš Zahálka - Tajné SEO tipy pro Shoptet
SEO Restart 2024: Tomáš Zahálka - Tajné SEO tipy pro ShoptetSEO Restart 2024: Tomáš Zahálka - Tajné SEO tipy pro Shoptet
SEO Restart 2024: Tomáš Zahálka - Tajné SEO tipy pro Shoptet
 
SEO Restart 2024: Martin Kopta a Jakub Goldmann - Jak se dnes navrhují weby a...
SEO Restart 2024: Martin Kopta a Jakub Goldmann - Jak se dnes navrhují weby a...SEO Restart 2024: Martin Kopta a Jakub Goldmann - Jak se dnes navrhují weby a...
SEO Restart 2024: Martin Kopta a Jakub Goldmann - Jak se dnes navrhují weby a...
 

Mpi cv01

  • 1. © Dana Vynikarová 1 Moderní prostředky informatiky pro administrativu, provoz a řízení I. cvičení Moderní prostředky informatiky pro administrativu, provoz a řízení Přístupnost webových stránek Hodnocení webů měst a obcí ČR – krajské kolo soutěže Zlatý erb
  • 2. © Dana Vynikarová Přístupnost webu 2 Přístupnost  Stav, kdy daná věc neklade při používání svým uživatelům žádné zásadní překážky:  přístupná budova – mohou ji používat např. vozíčkáři  přístupný web – mohou ji využívat např. slabozrací  Synonymum přístupnosti = bezbariérovost  Souhrnná definice: „Přístupná webová stránka je použitelná pro každého uživatele Internetu, bez ohledu na jeho postižení, schopnosti, znalosti, zkušenosti či zobrazovací možnosti.“  Přístupnost – znak kvality páce každého návrháře webu  podstatný prvek webových stránek, který má reálnou využitelnost  povinná pro webové stránky veřejné správy Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 3. © Dana Vynikarová Důležitost přístupnosti 3  Web plný nepřístupných bariér – pro mnoho uživatelů velký problém  ne všichni uživatelé mají rovnocenné podmínky  Uživatelé webu nemusí mít stejné:  zdravotní dispozice – někteří hůře vidí, slyší, mají problém používat horní končetiny, trpí poruchami soustředění, apod.  zkušenosti s Internetem – někteří využívají Internet zřídka a nemají zažité mechanismy  jazykové vybavení a schopnost porozumět psanému textu – někteří ovládají češtinu jen omezeně, složité slovní konstrukce jsou pro ně nesrozumitelné  technické vybavení – někteří uživatelé nemohou používat myš, jiní nemohou používat monitor, jiní používají PDA  softwarové vybavení – někteří používají jiný operační systém nebo internetový prohlížeč Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 4. © Dana Vynikarová Blind friendly web – metodika SONS 4  Blind friendly web – dokumentace zásad přístupnosti webových stránek pro uživatele s těžkým zrakovým postižením  Aby web mohl být takto označován, musí splňovat určitá pravidla  Výčet některých pravidel – metodika BFW verze 2.3: 1. Pravidla s nejvyšší prioritou – bezpodmínečně nutné k tomu, aby zrakově postiženému návštěvníku byly informace na stránkách přístupné (14 pravidel)  textová alternativa grafických objektů k ovládání stránky  všechny tabulky dávají smysl čtené po řádcích  obsah stránky se nemění, jen když uživatel aktivuje nějaký prvek  barvy popředí a pozadí jsou dostatečně kontrastní  na stránce nebliká nic rychleji než jednou za sekundu,  informace sdělované barvou dostupné i bez barevného rozlišení  prvky tvořící nadpisy a seznamy jsou korektně označeny ve zdrojovém kódu, … Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 5. © Dana Vynikarová Blind friendly web – metodika SONS 5 2. Pravidla se střední prioritou – nutné k tomu, aby orientace zrakově postiženého návštěvníka na stránkách byla co nejjednodušší (5 pravidel)  všechny netextové prvky mají textovou alternativu  stránka má smysluplný název, vystihující její odkaz  uživatel je předem upozorněn, když odkaz vede na obsah jiného typu, než je webová stránka (.doc, .pdf, apod.), … 3. Pravidla s nejnižší prioritou – jejich dodržením je ještě více usnadněno zrakově postiženým získávání informací z webových stránek (6 pravidel)  důležité navigační prvky mají přiřazenu horkou klávesu  dokumenty, které jsou v jiných formátech než HTML, jsou dostupné i v tomto formátu  ASCII znaky, zkratky a smajlíky jsou zrakově postiženým zpřístupněny  v textu je vyznačena změna použitého jazyka, … Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 6. © Dana Vynikarová Přístupný web – vyhláška MV č. 64/2008 6  Metodický pokyn vydaný Ministerstvem vnitra České republiky  Podrobné znění – Metodický pokyn k vyhlášce č. 64/2008 Sb., o formě uveřejňování informací souvisejících s výkonem veřejné správy prostřednictvím webových stránek pro osoby se zdravotním postižením  Povinné pro webové stránky státní správy  Celkem 33 pravidel rozdělených dle 6ti kategorií:  obsah webových stránek je dostupný a čitelný  práci s webovou stránkou řídí uživatel  informace musí být srozumitelné a přehledné  ovládání webových stránek musí být jasné a pochopitelné  zdrojový kód musí být technicky způsobilý a strukturovaný  prohlášení o přístupnosti webových stránek Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 7. © Dana Vynikarová Soutěž o nejlepší web MČ a obcí ČR 7  Zhodnocení webové stránky městské části či obce dle metodiky soutěže Zlatý erb 2013 – krajské kolo  Kategorie hodnocení – za každou kategorii (1 až 6) lze udělit 0 až 5 bodů (0 kritérium nesplněno/5 splněno): 1. Povinné informace – váha 2  existence osnovy dle vyhlášky č. 442/2006 nebo 109/1999  bod 8.2 rozpočet – aktuální a předchozí rok, uveden v textově použitelném formátu  bod 13 návody na řešení životních situací – přímo na webových stránkách nebo odkazem na http://portal.gov.cz  bod 14.2 vydané právní předpisy  bod 17 výroční zpráva – nejméně za dva poslední roky, textově použitelný formát Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 8. © Dana Vynikarová Úkoly 8 2. Úřední deska – váha 2  snadnost nalezení desky na webu  možnost fulltextového vyhledávání  možnost třídění a řazení dokumentů dle skupin, dat  zveřejnění dokumentů úřadu v textové podobě, nikoliv v obrazové (sken)  informace kde nalézt „kamennou úřední desku“ 3. Doporučení a doplňkové informace – váha 1,5  stanovte si 5 doplňkových informací a jejich přítomnost na webu ohodnoťte Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 9. © Dana Vynikarová Úkoly 9 4. Ovládání, navigace a přehlednost stránky – váha 1,5  srozumitelná struktura webu – přehledné členění webu, jasné a přesné názvy stránek, provázání souvisejících stránek, …  snadná orientace v hierarchii webu pomocí nabídek – vhodné umístění nabídek, snadná ovladatelnost nabídek, intuitivní formulace odkazů, označení pozice zobrazené stránky v hierarchii webu, …  přítomnost mapy webu – odkaz na mapu na každé stránce  vyhledávací nástroje – globální fulltext, kontextový fulltext na jednotlivých stránkách pro dohledávání podobného obsahu Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 10. © Dana Vynikarová Úkoly 10 5. Výtvarné zpracování – váha 1  výtvarné zpracování webu s ohledem na důstojnost stránky a důvěryhodnost obsahu  nápaditost řešení rozhraní s ohledem na ergonomii ovládání 6. Zkrácený test přístupnosti – váha 1,5  všechny odkazy a ovládací prvky jsou přístupné a ovladatelné z klávesnice – klávesa tabulátor  každá webová stránka má smysluplný název (titulek), vystihující její obsah – obsah značky <title> v sekci <head>  prvky tvořící nadpisy jsou korektně vyznačeny ve zdrojovém kódu značkami <h1> až <h6>  doplněk do prohlížeče Mozilla Firefox Wave Toolbar – funkce Outline Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 11. © Dana Vynikarová Úkoly 11  každý netextový prvek nesoucí významové sdělení má svou textovou alternativu  doplněk do prohlížeče Mozilla Firefox Web Developer – Images – Disable Images – Disable All images  dostupné z http://www.mozilla.org/en-US/firefox/new/ – Add-ones (doplňky)  barvy popředí a pozadí textu jsou vůči sobě dostatečně kontrastní  program Colour Contrast Analyser – lze stáhnout na: http://poslepu.blogspot.cz/2009/01/testovani-kontrastu- barev.html  on-line program Color Contrast Checker – dostupný z: http://webaim.org/resources/contrastchecker/ Moderní prostředky informatiky pro administrativu, provoz a řízení
  • 12. © Dana Vynikarová 12 Děkuji za pozornost ! Moderní prostředky informatiky pro administrativu, provoz a řízení Dotazy …