stupného webu accessibility) Přístupnost (accessibility( ivatelů (Web bez bariér) bez ohledu na uživatele asné zdravotní



Podobné dokumenty
Tvoříme PŘÍSTUPNÉ STRÁNKY. webové. Připraveno s ohledem na novelu Zákona č. 365/2000 Sb., o informačních systémech veřejné správy.

Přístupnost. aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky

INSPO Karel Břinda centrum TEREZA, FJFI ČVUT v Praze. Lukáš Marvan Seznam.cz, a.s.

1. Začínáme s FrontPage

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Podpora výuky tvorby bezbariérového webu

WCAG 2.1 CS nová pravidla. Dodatek ke WCAG 2.0. Pracovní, orientační překlad.

Aktuální trendy v přístupnosti

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

:16. Datum: Zpracoval: Ing. Richard Ruibar

Ergonomie softwaru. Hana Bydžovská

Kontrola přístupnosti www stránek

Projekt realizovaný na SPŠ Nové Město nad Metují. s finanční podporou v Operačním programu Vzdělávání pro konkurenceschopnost Královéhradeckého kraje

WCAG 2.0 prakticky aneb Jak zlepšit přístupnost webových stránek

Návrh webové prezentace. Internetové publikování

2. Zásady přístupnosti a použitelnosti webu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001

Metodické doporučení ke zlepšení technické přístupnosti IS/STAG

Vítejte na Zemi... multimediální ročenka životního prostředí

Testování přístupnosti v soutěži Zlatý erb Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web

Znalostní ekonomika lení konkurenceschopnosti, Josef Budík

Přístupnost webů knihoven příklady dobré a špatné praxe. Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web

INFORMAČNÍ SYSTÉMY NA WEBU

Vývoj Internetových Aplikací

Webová stránka. Matěj Klenka

ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX

Manuál pro obsluhu Webových stránek

Internetové jazykové kurzy pro nevidomé žáky. Liberix, o.p.s.

Vytvoření portálu odboru strukturálních fondů Ministerstva vnitra a zajištění jeho hostingu na serveru dodavatele

1. Úvod do obsluhy AutoCADu

TNPW1 Cvičení aneta.bartuskova@uhk.cz

Web. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)

ver Asynchronní E-learningový

Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5

T T. Think Together Petr Benda, Václav Lohr, Martin Havránek THINK TOGETHER

Představenstvo, kontrolní komise, vedení. SBD Vítkovice. Elektronická hlášení závad. Scénář postupu práce. Cornelius Scipio s.r.o.

ISSS/LORIS/V4DIS 2009 Registrační formulář a informace o konferenčním příspěvku

Obsah. ČÁST I Základy návrhu webových stránek. Kapitola 1 Zákaznicky orientovaný návrh webu 19. Jak ze vzorů pro návrh webu vyzískat co nejvíc 33

Inovace výuky prostřednictvím šablon pro SŠ

PŘÍSTUPNOST WEBOVÝCH STRÁNEK PRO HANDICAPOVANÉ UŽIVATELE

HbbTV reklama. Grafický návrh požadavky

Základy WWW publikování

téma: Úvod do praktika z ICT autor: Mgr. Radek Machan cíl praktika: organizace výuky, plán výuky, bezpečnost práce doba trvání: 2

C3 Vyhledávání na Internetu

Tvorba webových stránek

Tvorba WWW stránek. Mojmír Volf

CZ.1.07/1.2.00/

Child selektory. Adjacent sibling selektory. Pseudoelementy. Atributové selektory. Tabulky. Obtékané elementy. »!!!

Principy tvorby mobilních aplikaci. Martin Egermajer

Připravovaná legislativa pro přístupnost informací a dokumentů. Michal Rada Ministerstvo vnitra

Jak vkládat dokumenty do redakčního systému tak, aby byly přístupné

SEO Optimalizace pro vyhledávače

HbbTv reklama. Grafický návrh požadavky. Základní pravidla. Rozměry

HTML Hypertext Markup Language

Informace k e-learningu

Studijní průvodce e-learningovým kurzem. STRUKTURÁLNÍ FONDY A PROJEKTY v období

Název: Design webu Anotace:

Inovace výuky prostřednictvím šablon pro SŠ

Licenční studium Ing. Hana Jonášová, Ph.D. Univerzita Pardubice FES ÚSII

Administrační rozhraní Drupalu

MODERNÍ WEB SNADNO A RYCHLE

INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie

Kurz pro studenty oboru Informační studia a knihovnictví 5. Informační architektura

HTML - Úvod. Zpracoval: Petr Lasák

PALSTAT s.r.o. systémy řízení jakosti PALSTAT CAQ verze Kontakty 08/ Obsah

Studijní průvodce e-learningovými kurzy

Placená forma (adwords, sklik)

Nová pravidla přístupného webu pro účely novely Zákona č. 365/2000 Sb. o informačních systémech veřejné správy, provedenou zákonem č. 81/2006 Sb.

Kurz je rozdělen do čtyř bloků, které je možné absolvovat i samostatně. Podmínkou pro vstup do kurzu je znalost problematiky kurzů předešlých.

Odpadové hospodářství v ORP Ústí nad Labem

Internet 2 css, skriptování, dynamické prvky

Nový design ESO9. E S O 9 i n t e r n a t i o n a l a. s. U M l ý n a , P r a h a. Strana 1 z 9

Best practice Pravidla pro tvorbu přístupného webu

Webová aplikace Znalostní testy online UŽIVATELSKÁ PŘÍRUČKA

Kapitola 1 První kroky v tvorbě miniaplikací 11


14. května 2012, Brno

Vzdělávací obsah vyučovacího předmětu

Odůvodnění veřejné zakázky dle 156 zákona

Zkvalitňov prostřednictv. ednictvím m Evropského lního fondu v letech Mgr. Barbora Hoškov. ková

Blind Friendly Web. Web Content Accessibility Guidelines 2.0. Český překlad části metodiky Web Content Accessibility Guidelines (WCAG) 2.

Obsah. 1. ČÁST Tisk na stolní tiskárně Kapitola 1. Kapitola 2. Úvod Volba tiskárny a média...15

Pro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul Flash Adobe Player.

Dokumentace. k projektu Czech POINT. Technická specifikace hardwarového a softwarového vybavení

Základní úlohy: vytvoření dokumentu...13

PORTÁL ELEKTRONICKÝCH STUDIJNÍCH TEXTŮ

Metodický pokyn. Verze 1.00

Metodický pokyn. Verze 1.00

Checklist report. Legenda. Projekt. Url. všetko je správne. chyba, problém. Dátum. nemá zmysel testovať. Kontroloval. netestované

Relační databázové systémy (3. část)

Implementace systémů HIPS: ve znamení 64bitových platforem. Martin Dráb

Počítačová prezentace. Základní pojmy. MS PowerPoint

a s handicapem ORION Adresa: Centrum ORION Telefon: os.orion@seznam.cz www stránky: orion.cz

Dokumentace. k projektu Czech POINT. Technická specifikace hardwarového a softwarového vybavení

VoiceOver v ios s QWERTY klávesnicí

Nové přístupové služby České televize

Transkript:

Zásady přístupnp stupného webu (Web bez bariér) r) Přístupnost (accessibility( accessibility) Web je přístupný p všem v bez ohledu na uživatele Na jejich trvalé či i dočasn asné zdravotní nesnáze Na jejich technické možnosti Na jejich znalosti a dovednosti Kategorie postižených uživatelu ivatelů Uživatelé minoritních operačních systémů a prohlížečů Uživatelé zastaralých počíta tačů Uživatelé jiných zobrazovacích ch zařízen zení (PDA, Smartphones) Barvoslepí Slabozrací a nevidomí Dyslektici Lidé s trvalou či i dočasnou nemožnost ností používat horní končetiny Zařazen azení stránek do databáze vyhledáva vače

Definice zásad z přístupnp stupného webu Dokument konzorcia W3C a jeho sekce WAI (Web Accessibility Initiative) ) pod zkratkou WCAG ( (Web Content Accessibility Guidelines) CHISHOLM, W. VANDERHEIDEN, G. JACOBS, I. Web Content Accessibility Guidelines 1.0.. [on- line]. W3C, 5.5.1999 [cit. 2003-12 12-30]. <URL: http://www.w3.org org/tr/wcag10/ /TR/WCAG10/>. Hodnocení webu A splněna na priorita 1 AA splněna na priorita 1 a 2 AAA splněny ny priority 1, 2 a 3 1. Zajistit adekvátn tní náhradu zobrazení vizuáln lního obrazu Při i zobrazení v jiných než obrazových grafických výstupech (např.. v textovém, hlasovém, Braillově písmu) Při i vypnutí zobrazení obrázk zků Důsledné využit ití vlastnosti ALT nebo LONGDESC, předevp edevším m pro obrázky, grafické symboly, obrázkov zkové mapy, animace, applety, videa, zvuky apod. 2. Používání barev Barevné rozlišen ení nesmí značně ovlivňovat ovat celkové vyznění obsahu. Vypnutím m zobrazení barev v prohlížeči, poznáme, zda-li je obsah čitelný i pro uživatele např.. s monochromatickým monitorem.

3. Dodržov ování specifikace značkovac kovacího jazyka a stylové předpisy (style sheets) Striktní dodržov ování párovosti značek (<P></P>,( <TD></TD>, ). Dodržov ování ohraničen ení hodnot parametrů závorkami. Definice vlastností zobrazení v globáln lní deklaraci, nikoliv při i použit ití stylu (v rámci r značky). Tolerování chyb obvyklého prohlížeče e nemusí fungovat ve všech v ostatních prohlížečích. Zavádějícím m používáním m značek pro dotvářen ení vizuáln lního efektu je znepříjem jemňováno uživatelu ivatelům m používaj vající speciáln lní software pro porozumění struktury textu a navigace v něm. n 4. Využívání přirozeného jazyka S využit itím m značkovac kovacího jazyka (HTML, XML ) usnadnit výslovnost nebo výklad textu v cizím jazyce nebo zkratek. V situacích, ch, kdy jsou webové stránky interpretovány ny hlasovými syntetizátory tory nebo čtečkami Braillova písma, je možné značkovac kovacím jazykem oddělit od sebe texty v různých r národních jazycích. ch. 5. Šetrné používání tabulek Tabulkové rozvržen ení webových stránek používat jen v případě,, dává-li d obsah smysl při p linearizovaném zobrazení.. U složitých tabulkových rozvržen eních je lepší používat strukturáln lního značkovac kovacího jazyka a vizuáln lní prezentaci definovat pomocí kaskádových stylů. 1 2 3

6. Šetrné používání nových technologií Stránky musí být použiteln itelné bez skriptování či appletů Pokud to není možné,, je nutné uvést adekvátn tní alternativní informace na přístupnp stupné stránce. Navigační menu, nevhodně vytvořen ené pomocí JavaScriptu může e zavinit, že e se aža deset procent uživatelů nedostane dále d než na první stranu. Obdobně to funguje i u jiných obsahových prvků,, které se spoléhaj hají na skriptování.. Je vhodné proto vždy v nabídnout alternativu. 7 Ovládání časově závislých prvků Rychle pohybující se, kmitající a měnícím se grafické prvky jsou velmi nepříjemn jemné i pro zcela zdravého člověka s optimáln lním m technickým vybavením. Vysoká frekvence kmitání pak můžm ůže e u některých n lidí vyvolat i epileptický záchvat. z Uživatel musí dostat možnost takovýto obsah mít t pod kontrolou může e si jej částečně nebo úplně pozastavit, tak aby si jej mohl v klidu přečíst. 8 Vložen ené objekty Pokud vložen ené objekty (Plug( Plug-in), které jsou implementovány ny do stránek mají svůj j vlastní ovládac dací mechanismus, musí taktéž splňovat pravidla přístupnosti p nebo musí být nabídnuto alternativní přístupné řešení

9 Navigace po stránce bez periféri rií Uživatel mám možnost se pohybovat po stránk nkách s využit itím m preferovaného zařízen zení ať už se jedná o myš,, klávesnici nebo hlas. Například potvrzovací tlačítko tko formuláře e můžm ůže být aktivováno pomocí myši i a uživatelu ivatelé beze zraku, s hlasovým ovládáním m nebo pouze s klávesnic vesnicí nebudou schopni tlačítko tko aktivovat 10 Používání kompromisních řešení Stránky musí být navrženy s ohledem na starší prohlížeče e a pomocné nástroje zdravotně postižených uživatelu ivatelů (hlasový syntetizátor, tor, čtečka Braillova písma). 11 Používání specifikací konsorcia W3C Používání technologií a striktní dodržov ování pravidel jejich použit ití při i tvorbě stránek je nezbytné. Mnoho externích technologií (PDF, Shockwave) vyžaduje dodatečné plug-in moduly pro korektní zobrazení v prohlížeči. Pokud je nutné použít t tyto technologie musí být poskytnuta i adekvátn tní náhrada v podobě přístupného obsahu.

12 Poskytnutí obsahového shrnutí Sdružov ování do skupin a poskytnutí kontextové nápovědy o provázanosti mezi jednotlivými prvky je užiteu itečné pro všechny v uživatele. u Pochopení návazností mezi stránkami můžm ůže e být problémem pro uživatele u s poznávac vacími vadami a vizuáln lní představivostí. 13 Poskytnutí navigačního shrnutí Navigační mapy, lišty musí být navrženy tak, aby se uživatel co nejjednodušeji eji a nejrychleji dostal k požadovan adované informaci na stránk nkách. Každý odkaz by měl m l být jasně a pokud možno unikátn tně pojmenován. n. Konstrukce typu "najdete zde" jsou naprosto nevhodné a neříkaj kají nic o svém m cíli. c Je vhodné kromě správn vného textu odkazů používat i atribut TITLE. Prostřednictv ednictvím metadat lze stránk nkám m dodat sémanticks mantické informace např.. nadpis stránky (TITLE) a meta značky pro popis stránky (DESCRIPTION), klíčov ová slova (KEYWORDS), jazyk dokumentu (CONTENT-LANGUAGE) apod. 14 PřehlednP ehledné uspořádání dokumentu Celkové rozvržen ení informací na stránk nkách, grafika která podporuje obsah, jednotný styl psaní,, který je společný všem v stránk nkám. Snadnou údržbu zajistí důsledné používání kaskádn dních stylů

Kontrolní otázka Kolik zásad z dodržuje tento web? Malá nápověda