Pístupný web. Základy pístupnosti. Definice pístupné stránky. Pístupnost (accessibility) Tim Berners-Lee, zakladatel technologie www



Podobné dokumenty
Podpora výuky tvorby bezbariérového webu

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.

Základy MIDI komunikace

WWW poštovní klient s úložištm v MySQL databázi

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

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

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

Dokumentace zásad pístupnosti webových stránek pro uživatele s tžkým zrakovým postižením (metodický návod pro tvrce web)

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

Aktuální trendy v přístupnosti

Evropský zemědělský fond pro rozvoj venkova: Evropa investuje do venkovských oblastí. v cestovním ruchu P2. Pavel Petr Petr.USII@upce.

Pravidla tvorby pístupného webu. Zpracovala Kristýna Knapová. Obrázky. Kaskádové styly CSS. Javascript. Obrázky dekoraní

Ergonomie softwaru. Hana Bydžovská

Praktické využití datové schránky

Vysoká škola báská Technická univerzita Ostrava Institut geoinformatiky. Analýza dojíždní z dotazníkového šetení v MSK. Semestrální projekt

Každý datový objekt Pythonu má minimáln ti vlastnosti. Identitu, datový typ a hodnotu.

Za hlavní problém považují ob ané špatnou dostupnost sociálních služeb mimo m sto Vimperk

Správa obsahu ízené dokumentace v aplikaci SPM Vema

lánek 1. Cíle a psobnost standardu VKIS 1) Cílem standardu VKIS je zlepšení dostupnosti a kvality VKIS jejich uživatelm.

Aditivní barevný model RGB pidává na erné stínítko svtla 3 barev a tak skládá veškeré barvy. Pi použití všech svtel souasn tak vytvoí bílou.

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

CZECH Point. Co dostanete: Úplný nebo ástený výstup z Listu vlastnictví k nemovitostem i parcelám v jakémkoli katastrálním území v eské republice.

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

STEDNÍ ŠKOLA EKONOMICKO-PODNIKATELSKÁ STUDÉNKA, o. p. s. A. G. L. Svobody 760, Studénka I C T P L Á N Š K O L Y

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

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

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

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

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

!!!"# $! # # % $!$! $! # &#!'('&!! # ) *+ %! )% ")#!! )! 2 # 0% 9+#:+% ) +!#!0! -! " -!## & #!$# " 8#!!#!!!)!# $# %

Přístupnost webových stránek- projekt Blind Friendly Web

Zbytky zákaznického materiálu

Stední prmyslová škola strojní a elektrotechnická a Vyšší odborná škola Masarykova 3, LIBEREC jiri.hauzer@spsselib.hiedu.cz.

PÍRUKA A NÁVODY PRO ÚELY: - RUTINNÍ PRÁCE S DATY

Vizuální tuning PC ást 1

PRÁCE S GRAFICKÝMI VÝSTUPY SESTAV

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

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

1.3. POJEM, STRUKTURA, MÍSTO MEZINÁRODNÍHO PRÁVA SOUKROMÉHO

Programovací jazyk Python. Objektov orientovaný. [citováno z

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

Kontrola přístupnosti www stránek

WWW poštovní klient s úložištm v MySQL databázi

9. Software: programové vybavení počítače, aplikace

Zpřístupnění korporátního webu

IMPORT DAT Z TABULEK MICROSOFT EXCEL

Registrační číslo projektu: Škola adresa:

MATEMATIKA MATEMATIKA

Finanní vzdlanost. Fakta na dosah. eská bankovní asociace. Executive Summary. 6. bezna Metodika Hlavní zjištní Závrená doporuení

10. EŠENÍ INDIVIDUÁLNÍCH PRACOVNPRÁVNÍCH SPOR

Metoda hodnocení webových stránek. Simple Web Evaluation Technique a její aplikace na weby vybraných maloobchodních etzc

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

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

Nastavení synchronizace asu s internetovými servery. MS Windows XP

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

V rámci vzdlávacích kurz projektu Stejná šance na vzdlávání. METODICKÁ PÍRUKA pro výuku ZÁKLADY MODERNÍ A EFEKTIVNÍ PRÁCE S PC. Základní dovednosti

ZÁKLADNÍ INFORMACE O LÉB INFORMATIKY

Zamení fasády stavebního objektu

Identifikátor materiálu: ICT-3-55

DOUOVÁNÍ DTÍ Z DTSKÉHO DOMOVA ŽÍCHOVEC Projekt podpory vzdlávání

Jakou dekompresní bójku pro potáp?ní mám použít?

Finální verze žádosti (LZZ-GP)

Přístupný web charakteristika a výhody

Cykly Intermezzo. FOR cyklus

Mediální projekty ní Mgr. Evžen Staněk

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

ZÁPADOČESKÁ UNIVERZITA V PLZNI FAKULTA EKONOMICKÁ

Kapitoly z EKONOMICKÉ DEMOGRAFIE

Z místní knihovny Knihovnou m?sta Zub?í nové prostory i možnosti [1]

Redakní systém (CMS) OlomouckéWeby.cz

aj.) a ekonomiky firmy v jejich celistvosti. A tímto nástrojem jsou práv vhodn sestavené manažerské simulátory 1.

REDAS. Vývoj informaních systém Tvrci: Petr Kalíš Judita Hlinková,, Richard Vavrda

+ + Návrh vcného zámru zákona o zdravotních službách a podmínkách jejich poskytování

Firmy hledají hvzdy. Ale ne za každou cenu

Využití internetového mapového serveru v informaním systému Karlovarského kraje

Efektivní uení. Žádná zpráva dobrá zpráva. (Structured training) Schopnost pracovat nezávisí od IQ. Marc Gold

ZÁSADY OCHRANY OSOBNÍCH ÚDAJ. po jakou dobu budeme Vaše osobní údaje zpracovávat;

P íloha. 6 - Mapa obcí, které v roce 2010 sbíraly ty i hlavní komodity (papír, plast, sklo, kovy)

Oddíl I. l. 1- základní ustanovení. l. 2 správa poplatk

DOPADOVÁ STUDIE.18. Stav BOZP v zemdlství

MS Outlook konektor. Každý jsme hlava na nco jiného. My jsme hlavy na IT. Miloslav Záleský Patrik Šolc Jan Matuš

Obsah Úvod...2 Slovníek pojm Popis instalace...3 Nároky na hardware a software...3 Instalace a spouštní...3 Vstupní soubory

Informace pro autory píspvk na konferenci ICTM 2007

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

:16. Datum: Zpracoval: Ing. Richard Ruibar

Tipy na vytvoření kvalitní prezentace PowerPoint. Martin Mazánek

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

Chytrá řešení v oblasti prostorové orientace a samostatného pohybu nevidomých a slabozrakých osob. Tyfloservis, o.p.s Daniela Morávková

Metodický materiál Ma

Role a integrace HR systém

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

Zp soby sledování pohybu zraku

2.12 Vstupní zařízení II.

Výukový materiál. Bankovní spojení: KB Česká Třebová, č.ú /0100, IČO:

Vytvoení programu celoživotního interdisciplinárního uení v ochran dtí

DUM. Databáze - úvod

Internetový mapový server Karlovarského kraje

Programové vybavení počítačů operační systémy

ŠKODA Portal Platform

ZÁPADOČESKÁ UNIVERZITA V PLZNI FAKULTA PEDAGOGICKÁ KATEDRA VÝPOČETNÍ A DIDAKTICKÉ TECHNIKY DIPLOMOVÁ PRÁCE

Transkript:

Pístupný web Základy pístupnosti Tim Berners-Lee, zakladatel technologie www Kristýna Knapová kristynka.k@centrum.cz Síla webu je v jeho univerzalit. Pístup pro každého nezávisle na schopnostech je jeho základní prvek Pístupnost (accessibility) Mžeme ji chápat jako stav, kdy uritá vc nemá žádná omezení pro uživatele Nap. vozíkái mohou mít pístup do njaké budovy Synonymum je teba bezbariérovost Ve oblasti internetu mluvíme o pístupných webových stránkách, které nekladou uživatelm internetu žádné pekážky, které by jim znemožnily efektivn daný web používat Definice pístupné stránky Pístupná stránka je použitelná pro každého uživatele internetu, a to nezávisle na jeho postižení, znalostech, schopnostech, zkušenostech nebo zobrazovacích možnostech

Smutný fakt pístupnosti Myšlenka internetu byla silná již od poátku a kladla hlavní draz na pístupnost všem Od získávání informací z novin si díky multimediálním možnostem techniky ponechávala široké možnosti využití Fakt, že drtivá vtšina stránek dnes pístupná není, mají na svdomí nezkušení nebo líní programátoi Pístupnost není nadstavda Výchozí ze samotných základ technologie stránek Pouze oprašování zásad správné tvorby stránek Nedívejte se na ni jako na nco nového Nepístupný web je vizitkou špatné práce programátora Pro je tak moc dležitá? Všichni uživatelé nejsou stejní jako Vy!!!! A vte, že tch JINÝCH je opravdu hodn Nepodceujte jejich poet Mže jich být až tetina z celkového potu Jaké možnosti mají naši uživatelé? Zdravotní handicap He vidí, slyší, hýbou se Zkušenosti s Internetem Jazykové vybavení Schopnosti rozumt psanému textu Technické vybavení Horší monitory, teky, PDA Softwarové vybavení Jiný OS nebo prohlíže

Vyplatí se nám to????? ANO!! 1) PENÍZE. Skoro tetina uživatel mže mít njaký handicap a tím, že budou naše stránky i pro n, tržby našich stránek budou o tetinu vyšší Viz statistiky z Velké Británie Handicapovaní uživatelé mohou být i Vaše cílová skupina Šetíme náklady (pokud uživatel nalezne všechno, co hledá) Více vydláme (vtší návštvnost a lépe placená reklama) 2. Lepší viditelnost Vyhledávae si s obsahem stránek lépe poradí Indexovací roboti jsou tmi nejvíc handicapovanými uživateli, které se na celý web dívají pouze textov Pístupná stránka = lepší poadí ve vyhledávání Další výhody 3. Lepší použitelnost Tím, že se web bude dobe používat, budou se spokojení uživatelé rádi vracet!! 4. Dobré jméno 5. Dodržování zákona Už jen základní myšlenka diskriminace njaké skupiny lidí Konkrétní zákony Zákon. 365/2000 (1.1.2008) Section 508

Mýty o pístupnosti Pístupný web je dražší Pístupný web není graficky pkný Handicapovaní nepoužívají mj web Staí textová verze stránek Hendikepovaní uživatelé Internetu Zrakov postižení Sluchov postižení Pohybov postižení Uživatelé se zobrazovacími problémy Uživatelé s poruchami uení a soustední Roboti Zrakov postižení Zrakov postižení uživatelé bývají velmi asto považování za jedinou skupinu hendikepovaných uživatel Internetu. Je sice pravda, že díky svému postižení na n nepístupnost nkterých stránek dopadá nejvíce, ale svým potem rozhodn nepatí ke vtšin Rozdlíme si je na skupiny: Nevidomí a jinak tžce zrakov postižení Používají pro prezentaci obsahu pomocná zaízení, jako jsou hlasové teky (taktéž nazývány hlasovým výstupem) nebo braillský ádek. Tyto pomcky dokáží interpretovat pouze text a z tohoto faktu vyplývá i jejich základní poteba: obsah musí být formou dobe strukturovaného textu grafické a multimediální prvky musí mít textové alternativy navigace musí být použitelná Sémantické HTML tagy Rozsáhlé tabulky Ovládání pomocí klávesnice

Slabozrací a uživatelé s vadou zraku Slabozrací uživatelé mohou svj zrak používat, by jen omezen Jejich základní potebou je možnost s obsahem stránky manipulovat Uživatelé pedevším potebují : Zvtšit si text (relativní jednotky u písma) Dostatený kontrast barev na stránkách Barvoslepí Forem sníženého barevného citu je celá ada Lehí formy jsou docela asté, až 10% muž Jde o to, že uživatelé mají problém rozeznávat od sebe nkteré škály barev Uživatelé pedevším potebují : Dobe rozeznatelné barvy pozadí a popedí Žádná informace, kterou chceme uživateli dát najevo, nesmí být závislá na barv Uživatelé s doasn zhoršenou možností vidt Sluchov postižení Na tuto skupinu se v rámci debat o pístupnosti zapomíná rovnž velmi asto, akoliv se v této roli mže ocitnout každý z nás Nejde ani tak o to, že bychom mli doasn poškozený zrak, ale spíše o aktuální svtelné a zobrazovací podmínky. Ostré slunce dopadající na monitor a barvy náhle mní svj tón. Práce na starém vybledlém monitoru, kde je problém rozeznat hndou od ervené. Výhodou jsou kontrastní barvy na stránce Sluchov postižených uživatel Internetu je celá ada a na vtšin stránek nemají žádné problémy Je to pedevším proto, že web naštstí stále ješt více spoléhá na vizuální složku prezentace a zvuk se píliš nepoužívá. Sluchov postižený muže být i uživatel, který nemá k poítai pipojené reproduktory nebo m kolem sebe velký hluk a zvuk vycházející z nich jednoduše neslyší Web by ml vždy poskytovat plnohodnotnou textovou alternativu njaké zvukové prezentace (video zprávy atd.)

Pohybov postižení Tito uživatelé mají zásadní problém v tom, že nemohou používat myš Jsou tu uživatelé co mají trvalé postižení, ale i doasné. Napíklad mají ruku v sáde kvli zlomenin apod. Do této skupiny patí vtšina lidí v dchodovém vku! Potebují ovládat webové stránky jinak než pomocí myši Zbývá tedy vtšinou jen klávesnice Uživatelé se zobrazovacími problémy Omezení díky softwaru Mén asté internetové prohlížee (Mozilla, Firefox, Opera) Textové prohlížee (Lynx, Links) Mné asté OS (Linux, MacOS, Solaris) Tzv. uživatelé alternativních browser Omezení díky hardwaru Monitory WebTV Kapesní poítae Tzv. uživatelé jiných zobrazovacích zaízení Uživatelé alternativních browser Uživatelé jiných zobrazovacích zaízení Vtšinou se tato skupina odbyde s tím, že používání browseru je otázkou volby Není to však pravda. Existuje poetná skupina uživatel, kteí tuto volbu nemají a nkterý browser prost využívat musí programátoi v operaním systému Linux, kde nefunguje MS Internet Explorer apod. Jde o to, aby byla i v minoritních prohlížeích možná základní funknost a použitelnost. Správný tvrce www stránek pak funknost v jednotlivých prohlížeích na rzných operaních systémech dkladn otestuje. Rzných druh poíta je již dnes celá ada a jejich poet bude nadále narstat Nabídka je široká - od velkých stolních poíta, pes klasické notebooky, malé minibooky, kapesní poítae (PDA) až po chytré mobilní telefony A nejde jen o vizuální interprety. V moderních autech již dnes najdeme hlasové teky, které jsou schopny webové stránky pedítat. ím více zobrazovacích zaízení bude mít tvrce stránek v pamti, tím lépe stránky optimalizuje

Uživatelé s poruchami uení a soustední Uživatelé s poruchami uení a soustední Uživatel, kteí trpí nkterou z poruch uení a soustední, je velmi mnoho a obvykle se na n zapomíná Poruchy uení Neschopnost zpracovávat správn informace Dyslexii nebo njakou její formou dnes trpí až 20% populace Poruchy soustedení Neschopnost dlouhodob se soustedit a hyperaktivita lovk není schopen správn vnímat, co mu íká text Tyto poruchy nejsou znakem nízké inteligence, spíše naopak vysoké Zranní mozku a genetické vady Uživatelé opt mohou mít problém porozumt informacím nebo souvislostem Uživatelé s poruchami uení a soustední tedy potebují Pehledné, strukturované a jednoduše pochopitelné webové stránky se strukturovaným obsahem Pehlednou navigací Písmo spíše vtší Jednoduchý a srozumitelný jazyk Krátké odstavce Hodn nadpis Více vizuálních "zarážek" pro oi Zvýraznné dležité vci Více obrázkových symbol místo slov apod. Pravidla a metodiky tvorby pístupného webu Soudní spory bojící za práva menšin hodn ovlivnily vývoj v tomto smru. Jde o to, že provozovatelé webu diskriminují na svých webech handicapované uživatele a tím omezují tak jejich práva na informace Aby bylo možné spory ešit vznikly metodiky tvorby pístupných stránek, které se pozdji uzákonily WCAG 1.0 Web Content Accessibility Guidelines Vznik 5.kvtna 1999 Nejznámjší pravidla pro tvorbu bezbariérového webu 14 základních pravidel, které jsou lenny na kontrolní body Každý bod má urenou prioritu

Priority jednotlivých bod Bod s prioritou 1 Tvrce stránek musí kontrolní bod splnit, jinak budou stránky pro njakou skupinu uživatel nepístupné Jsou základním požadavkem pístupnosti Bod s prioritou 2 Tvrce stránek by ml kontrolní bod splnit, jinak budou stránky pro njakou skupinu uživatel obtížn nepístupné Odstraní závažn pekážky Bod s prioritou 3 Tvrce stránek mže kontrolní bod splnit, jinak budou stránky pro njakou skupinu uživatel he dosažitelné Usnadní pistup ke stránkám WCAG 1.0 Pravidla jsou píliš obecná Obsahuje již neaktuální informace Použití prozatímních ešení Špatná definice pirozeného jazyka Nkterá pravidla mají píliš nízkou prioritu Nkterá pravidla chybí Odkazy na titulní stránku, titulek WCAG 2.0 Daleko obsáhlejší a propracovanjší Zmna struktury 4 základní principy a potom následuje další dlení podle pravidel (guidlines) a dále na kritéria podle dležitosti 1. Obsah musí být vnímatelný 2. Prvky rozhraní v obsahu musí být pochopitelné 3. Obsah a ovládací prvky musí být pochopitelné 4. Obsah musí být natolik robustní, aby fungoval s dnešními i budoucími technologiemi Section 508 V prosinci roku 2000 pipravil americký úad provádcí pedpis k doplku. 508 zákona Rehabilitation Art, který nov stanovoval povinnost pístupného poskytování informací pro federální orgány USA Pedpis obsahuje konkrétní pravidla, které musí orgány dodržovat Jde o 16 pravidel, které trochu vycházejí z WCAG 1.0 (prvních 11 pravidel) Obsahují jen dležité body a proto jsou velice dobré

Blind Friendly Web eská metodika, která vznikla v roce 2000 pro tžce zrakov postižené uživatele Motiv dala organizace SONS (Sjednocené organizace nevidomých a slabozrakých) Velká podobnosti s WCAG 1.0 Jelikož vznikly pro zrakov postižené, chybí nkterá dležitá pravidla Rozdlení na kontrolní body a seazení do tí priorit Blind Friendly Web - priority Nejvyšší priorita pravidla, jejichž splnní je bezpodmínen nutné k tomu, aby stránka byla dostupná pro zrakov postiženého Stední priorita pravidla, jejichž splnní je nutné k tomu, aby orientace zrakov postiženého na webu byla co nejjednodušší Nejnižší priorita pravidla, jejichž dodržením usnadníte zrakov postiženému získávání informací z webových stránek