Vzorový audit webové stránky podle



Podobné dokumenty
Optimalizace pro vyhledavače a přístupnost webu

Tvorba internetových aplikací s využitím framework jquery

Animace ve WPF. Filip Gažák. Ing. Václav Novák, CSc. Školní rok:

WWW. Petr Jarolímek, DiS. Školní rok:

Tvorba webových aplikací s využitím Open Source CMS. Lukáš Dubina. Vedoucí práce. PaedDr. Petr Pexa

Projektová dokumentace pro tvorbu internetových aplikací

Multiuživatelský systém pro publikování a prezentování zájmových sdružení regionů

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.

Tvorba dynamických interaktivních webových dotazníků pro psychologický výzkum

Jihočeská univerzita v Českých Budějovicích. Název bakalářské práce v ČJ Název bakalářské práce v AJ

Vývoj mobilních aplikací s využitím JavaFX Mobile

Office 2007 Styles Autor: Jakub Oppelt Vedoucí práce: Ing. Václav Novák, CSc. Školní rok:

Podpora výuky tvorby bezbariérového webu

Výuka programování v jazyce Python

Tvorba www stránek pro zrakově postižené, systémy syntézy řeči

Tvorba internetových aplikací pomocí Rich Internet Application Adobe Flex

Penetrační testování

Komunikace MOS s externími informačními systémy. Lucie Steinocherová

Aktuální trendy v přístupnosti

Nadpis článku: Zavedení speciálního nástroje SYPOKUB do praxe

3D model města pro internetové aplikace. Jakub Dolejší. Ing. Tomáš Dolanský, Ph.D.

Přehled modelů reputace a důvěry na webu

Ochrana linuxového poštovního serveru proti virům a spamu. Květa Mrštíková. Mgr. Jiří Pech. Školní rok:

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

SEO Optimalizace pro vyhledávače

BRNO KOMPLEXNÍ DOPRAVNÍ ANALÝZA

PROJEKT BAKALÁŘSKÉ PRÁCE

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

Nejčastější mýty a omyly v oblasti přístupnosti

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

Metodologie řízení projektů

PROJEKT BAKALÁŘSKÉ PRÁCE

(34 bodů) BAKALÁŘSKÁ PRÁCE. Vysoká škola manažerské informatiky a ekonomiky (18 bodů, lze uvést ve dvou řádcích) ROK (18 bodů) Jméno autora

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


CSS. SEO Search Engine Optimization (optimalizace pro vyhledávače)

Metody automatického texturování 3D modelu měst s využitím internetových fotoalb 3D town model for internet application

Přístupnost webových stránek orgánů státní správy

Petra Pokorná, Petr Ptáček

DAN EST FIN FRA IR NEM NIZ POR RAK RUM SLO SWE VB CZ 0% 0% 0% 50% 0% 0% 0% 0% 0% 0% 0% 0% 100% 0%

Klíčová slova: Anotace:

ANALÝZA VYUŢÍVÁNÍ SLUŢEB PRACOVNÍ REHABILITACE U OSOB S DUŠEVNÍM ONEMOCNĚNÍM

UNIVERZITA PARDUBICE DOPRAVNÍ FAKULTA JANA PERNERA BAKALÁŘSKÁ PRÁCE Tomáš Vojtek

Bariéry v knihovnách, bariéry v nás. Jana Vejsadová Krajská knihovna Vysočiny

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

Použití analyzátoru paketů bezdrátových sítí Wireshark

Online soutěž v informatických znalostech pro žáky ZŠ a SŠ

Informační systém řešící rozvrhování

Placená forma (adwords, sklik)

WEB DESIGN Z HLEDISKA HANDICAPOVANÝCH OBČANŮ WEB DESIGN FROM THE VIEWPOINT OF HANDICAPED PEOPLE. Petr Benda, Zdeněk Havlíček

================================================================================ =====

Celostátní kolo Česká republika. Celostátní kolo , Hradec Králové. Sponzoři. Setkání finalistů. Jan Savický, Sdružení Zlatý erb

Tvorba aplikace typu klient/server pomocí Windows Communication Foundation

VYSOKÁ ŠKOLA HOTELOVÁ V PRAZE 8, SPOL.S R.O.

Streaming a převod formátů

Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra informatiky Akademický rok:

Pokyny pro zpracování bakalářských prací

Masivní streaming Eduard Krlín Mgr. Miloš Prokýšek Školní rok:

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

PROJEKT DIPLOMOVÉ PRÁCE

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

Vzdálené řízení modelu připojeného k programovatelnému automatu

InternetovéTechnologie

:16. Datum: Zpracoval: Ing. Richard Ruibar

Results of innovation of the course Application software

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

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

Vzorový audit webové stránky podle Web Content Accessibility Guidelines. Sample audit website by Web Content Accessibility Guidelines

Česká zemědělská univerzita v Praze

KOAGULAČNÍ PROCESY PŘI ÚPRAVĚ POVRCHOVÉ VODY

The Over-Head Cam (OHC) Valve Train Computer Model

Analýza současného stavu vozového parku a návrh zlepšení. Petr David

SEARCH ENGINE OPTIMIZATION

Možnosti využití umělé inteligence v optimalizaci pro vyhledávače

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

Ing. Simona Psotná, Ing. Taťána Barabášová V 10 APLIKACE PYROLÝZNÍCH OLEJŮ VE FLOTACI UHLÍ

KEBLOVÁ, Alena. Čich a chuť u zrakově postižených. 1. vyd. Praha : Septima, s. ISBN

ADAPTIVITA INFORMAČNÍCH SYSTÉMŮ INFORMATION SYSTEM ADAPTIVITY

POČET ROČNÍKŮ JEHLIC POPULACÍ BOROVICE LESNÍ. Needle year classes of Scots pine progenies. Jarmila Nárovcová. Abstract

Pravidla vypracování maturitní práce

VÝSLEDKY VÝZKUMU ÚVOD ZPRÁVY Z VÝZKUMU. Hana Poštulková. 62 // AULA roč. 19, 03-04/2011

PHP framework Nette. Kapitola Úvod. 1.2 Architektura Nette

Zajištění přístupnosti v normách - zkušenosti a praxe. Libor Dupal

PROJEKT DIPLOMOVÉ PRÁCE

Výzkum komunikačního účinku propagace firmy GOTECH s.r.o. Eva Solařová

KITTV PedF UK TÉMATA BAKALÁŘSKÝCH PRACÍ pro školní rok 2010/2011

Leitfaden für das Audit von Qualitätssicherungssystemen - Teil 1: Auditdurchführung

České Budějovice

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

Algoritmy ořezávání. Habilitační práce. (Clipping Algorithms) (Habilitation Thesis) Prof.Ing.Václav Skala, CSc.

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

Spam a obrana před zařazením do spamové databáze ů

Samostatný elektrotechnik pro elektrostatický výboj (kód: R) Skupina oborů: Elektrotechnika, telekomunikační a výpočetní technika (kód: 26)

Autonomnost solárních systémů

Zadání maturitní práce ve školním roce 2016/2017

PROJEKT DIPLOMOVÉ PRÁCE

SEO (optimalizace pro vyhledavače)

Využití stavebnice Lego při výuce

PODPORA VÝUKY MATEMATIKY E-LEARNINGOVÝMI KURZY S MULTIMEDIÁLNÍMI STUDIJNÍMI

Jaké potraviny děti preferují?

Transkript:

Vzorový audit webové stránky podle Web Content Accessibility Guidelines Autor: Tomáš Drn Vedoucí práce: PaedDr. Petr Pexa Školní rok: 2009-10

Abstrakt Tato práce se zabývá hodnocením správnosti provedení webové stránky tak, aby byl web validní, optimalizovaný a přístupný různým uživatelům. Podle známých a celosvětově uznávaných metodik jako SEO, WCAG apod., byla stanovena testovací pravidla a faktory, které jsme nazvali Vzorový audit. Tento audit byl následně aplikován na vybrané české i zahraniční webové stránky. Byly vyhodnoceny výsledky, označeny chyby a provedena ukázka jejich nápravy. Abstract This work deals with classification of rightness web page so that web was valid, optimized and accessible to all users. Simply based on known of worldwide recognize methodic as SEO, WCAG etc. Test rules and factors were designed and named Exemplary audit with this methodic. In next step this audit applied on Czech as well as outland web page. Results were designated, errors were analyzed and errors were tried show their repair. Klíčová slova Přístupnost WCAG SEO Section 508 Optimalizace Webová stránka Validita Testování Pravidla Keywords Accessibility WCAG SEO Section 508 Optimalizacion Web page Validity Testing Guidelines

Zadání práce Cílem bakalářské práce bude sestavit sadu objektivních i subjektivních faktorů, testovacích pravidel pro hodnocení validity, optimalizace, přístupnosti a použitelnosti standardní webové stránky podle metodik SEO, WCAG, Section 508, Manifestu Dogma W4, WAI, Blind Friendly Web apod. Součástí práce bude provedení konkrétního vzorového auditu několika známých webů českého i světového internetu dle výběru autora. Předpokládaný datum obhajoby: LS 2010

Úvod Úvod do problematiky Když si vezmeme dnešní standard o tom, jak má být webová stránka napsána, použijeme příslušný validátor a procházíme stránky na internetu, s údivem nalezneme velmi mnoho chyb, často i závažných. Pokud jsou stránky validní, při bližším ohledání zdrojového kódu zjistíme, že i stránky, které by měli být bez problému přístupné např. nevidomým nebo jinak postiženým osobám, bez problému přístupné nejsou. Cíle práce Teoreticky vysvětlit všechny pojmy, se kterými přijde čtenář do styku. Stanovit a podrobně popsat pravidla pro vzorový audit, který bude aplikován podle celosvětově uznávaných metodik na vybrané webové stránky. Audit si lze představit jako velkou tabulku s pravidly a výsledky, včetně závěrečného vyhodnocení. Na základě výsledku auditu navrhnout správné řešení při tvorbě zdrojového kódu webu. Současný stav problematiky V současné době jsem seznámen s jednotlivými metodikami a problematikou, jak správně psát webovou stránku. Dále je třeba pečlivě nastudovat materiály týkající se SEO [1] a Pravidel přístupnosti [7]. V rámci praktické části vybrat weby pro testování. Zaměřím se především na stránky škol, dále stránky služeb a státní správy. Dále se musí stanovit testovací pravidla pro audit, který bude na těchto stránkách proveden, k tomu dopomohou materiály [2], [3], [4], [5], [6] a další, které ještě naleznu při vytváření práce. Analýza problému Východiska řešení O tom, jak správně psát webové stránky, je v dnešní době již velké množství materiálů, jak na internetu, tak v tištěné podobě. Většinou se zabývají validitou, optimalizací, přístupností apod. Tato práce je převážně zaměřená na Web Content Accessibility Guidelines (WCAG) a tzv. Vzorový audit, prezentující ucelený soubor pravidel se všemi prvky a metodami, které by měla správně napsaná webová stránka obsahovat.

Metodika Nejprve bylo potřeba doplnit si teoretické znalosti v celosvětově uznávaných metodikách vypsaných v zadání a zajistit si nejaktuálnější informace. Dále vybrat a sestavit sadu subjektivních a objektivních faktorů a pravidel pro hodnocení validity, optimalizace, přístupnosti a použitelnosti standardní webové stránky. Vybrat testovací webové stránky, zjištěné nedostatky vyhodnotit a navrhnout správné řešení. Co je již hotovo V současné době probíhají přípravné teoretické práce. Je připravena osnova a z větší části nastudována potřebná literatura, včetně materiálů pro správné a efektivní sestavení sady objektivních a subjektivních faktorů a testovacích pravidel pro audit. Probíhá výběr webových stránek, na které se bude aplikovat vzorový audit. Co je třeba ještě udělat Dostudovat teoretickou část. Vybrat webové stránky na testování. Pevně stanovit faktory a pravidla pro vzorový audit a aplikovat ho na vybrané webové stránky. Seznam literatury - prozatímní [1] SMIČKA, Radim. Optimalizace pro vyhledávače - SEO. [s.l.] : [s.n.], 2004. 122 s. [cit. 2010-01- 03]. Dostupný z WWW: <http://home.pf.jcu.cz/~pepe/wwwliter.htm>. ISBN 80-239-2961-5. [2] NOVÁK, Milan. Devět efektivních typů pro zlepšení použitelnosti stránek. [online] 2006. [cit. 2010-01-03]. Dostupný z WWW: <http://www.voxcafe.cz/clanky/optimalizace-stranek/devetefektivnich-typu-pro-zlepseni-pouzitelnosti-stranek.html>. [3] Použitelnost stránek. [online] 2008. [cit. 2010-01-03]. Dostupný z WWW: <http://www.jakpsatweb.cz/pouzitelnost.html>. [4] ŠPINAR, David. Přístupnost [online] WCAG, Section 508. [cit. 2010-01-03]. Dostupný z WWW: <http://pristupnost.nawebu.cz/>. [5] SEO - Webový servis [online]. 2008 [cit. 2010-01-03]. Dostupný z WWW: <http://www.seoservis.cz>. [6] ŠPINAR, David, PAVLÍČEK, Radek. Pravidla přístupnosti [online]. Ministerstvo informatiky ČR, 2006 [cit. 2010-01-03]. Dostupný z WWW: <http://www.pravidla-pristupnosti.cz/>. [7] ŠPINAR, David, SAUR Vladimír, RÁČEK Jaroslav, NĚMETHOVÁ Danka, HŘEBÍČEK Jiří, HEJČ Michal, BUBENÍČKOVÁ Hana, PAVLÍČEK Radek. Pravidla přístupnosti [online]. Přístupnost webových stránek orgánů státní správy 2007, 106 s. [cit. 2010-01-03]. Dostupný z WWW: <http://www.pravidla-pristupnosti.cz/att/publikace.pdf>. ISBN: 978-80-903786-4-3

[8] Metodiky: [8.1] SEO WEIDA, Petr. SEO Search Engine Optimization [online] 2003 cit. [2010-01-03] Dostupný z WWW: <http://interval.cz/clanky/seo-search-engine-optimization/>. [8.2] KUČERA, Tomáš. SEO optimalizace pro vyhledavače [online] 2009, cit. [2010-01-03] Dostupný z WWW: <http://webdesign.setup.cz/seo-optimalizace-pro-vyhledavace/>. [8.3] PROKOP, Marek. Vzorový audit podle WCAG 1.0, [online] 2002, cit. [2010-01-03] Dostupný z WWW:<http://interval.cz/clanky/vzorovy-audit-podle-wcag-10/>. [8.4] RYBÁK, Zdeněk, PAVLÍČEK, Radek. Metodika WCAG 2.0, [online] 2009, cit. [2010-01-03] Dostupný z WWW:<http://www.blindfriendly.cz/wcag20/>. [8.5] DOČEKAL, Daniel. Manifest Dogma W4, [online] 2003, cit. [2010-01-03] Dostupný z WWW:<http://investice.ihned.cz/1-10048300-12145710-i00000_detail-77>. [8.6] HENRY, Shawn, Lewton. WAI, [online] 2006, cit. [2010-01-03] Dostupný z WWW:<http://pristupnost.inspirative.cz/wai-components.html>. [8.7] PAVLÍČEK, Radek. Blind Friendly Web přístupnost webových stránek pro nevidomé a slabozraké, [online] 2009, cit. [2010-01-03] Dostupný z WWW:<http://www.blindfriendly.cz/>.