Tato diplomová práce se zabývá tématem přístupnosti webových stránek pro uživatele s různými druhy postižení. Práce definuje cílovou skupinu uživatelů, popisuje nejčastější druhy postižení a představuje WAI a WCAG. V práci jsou porovnány jednotlivé verze WCAG, úrovně shody, zásady, pokyny a popsána kritéria přístupnosti. Dále práce porovnává pravidla přístupnosti z hlediska legislativy v Česku se zahraničím. Uvádí atributy přístupnosti wai-aria a sémantické značky v HTML5 s ukázkami jejich použití. V praktické části se práce zaměřuje na uživatelské nástroje a nástroje používané při vývoji a testování přístupnosti. Na konkrétních příkladech a zkušebním auditu webové stránky demonstruje rozdíly mezi nepřístupnými a přístupnými webovými prvky a ukazuje, jak lze nepřístupné prvky zpřístupnit. Cílem práce je poskytnout ucelený přehled o webové přístupnosti a přispět k větší informovanosti a povědomí o této problematice v oblasti webového vývoje.
Anotace v angličtině
This diploma thesis deals with the topics of web accessibility for users with various types of disabilities. The thesis defines the target group of users, describes the most common types of disabilities and explains WAI and WCAG. The thesis describes versions of WCAG, conformance levels, principles, guidelines and success criteria. Furthermore, the thesis compares accessibility rules in Czechia and abroad. It lists the wai-aria accessibility attributes and semantic tags in HTML5 with examples of their use. In the second part, the thesis focuses on tools used in the development and testing of accessibility. Utilizing practical examples and a test audit, it demonstrates the differences between inaccessible and accessible web elements and shows how elements can be improved. The goal of the thesis is to provide a comprehensive overview of web accessibility and to contribute to greater awareness of this issue in the field of web development.
Tato diplomová práce se zabývá tématem přístupnosti webových stránek pro uživatele s různými druhy postižení. Práce definuje cílovou skupinu uživatelů, popisuje nejčastější druhy postižení a představuje WAI a WCAG. V práci jsou porovnány jednotlivé verze WCAG, úrovně shody, zásady, pokyny a popsána kritéria přístupnosti. Dále práce porovnává pravidla přístupnosti z hlediska legislativy v Česku se zahraničím. Uvádí atributy přístupnosti wai-aria a sémantické značky v HTML5 s ukázkami jejich použití. V praktické části se práce zaměřuje na uživatelské nástroje a nástroje používané při vývoji a testování přístupnosti. Na konkrétních příkladech a zkušebním auditu webové stránky demonstruje rozdíly mezi nepřístupnými a přístupnými webovými prvky a ukazuje, jak lze nepřístupné prvky zpřístupnit. Cílem práce je poskytnout ucelený přehled o webové přístupnosti a přispět k větší informovanosti a povědomí o této problematice v oblasti webového vývoje.
Anotace v angličtině
This diploma thesis deals with the topics of web accessibility for users with various types of disabilities. The thesis defines the target group of users, describes the most common types of disabilities and explains WAI and WCAG. The thesis describes versions of WCAG, conformance levels, principles, guidelines and success criteria. Furthermore, the thesis compares accessibility rules in Czechia and abroad. It lists the wai-aria accessibility attributes and semantic tags in HTML5 with examples of their use. In the second part, the thesis focuses on tools used in the development and testing of accessibility. Utilizing practical examples and a test audit, it demonstrates the differences between inaccessible and accessible web elements and shows how elements can be improved. The goal of the thesis is to provide a comprehensive overview of web accessibility and to contribute to greater awareness of this issue in the field of web development.
Přístupnost.cz Otevřete svůj web všem! [online]. Dostupné z: [http://www.pristupnost.cz/](http://www.pristupnost.cz/)
Přístupnost internetových stránek a mobilních aplikací [online]. Ministerstvo vnitra České republiky 2019. Dostupné z: [https://www.mvcr.cz/clanek/pristupnost-internetovych-stranek-a-mobilnich-aplikaci.aspx](https://www.mvcr.cz/clanek/pristupnost-internetovych-stranek-a-mobilnich-aplikaci.aspx)
Digital Education Strategies, The Chang School. GAY, Greg & Karasyov, Igor (November 29, 2019) - Web Accessibility for Developers
Harper, Simon & Yesilada, Yeliz. (2008). Web Accessibility and Guidelines. 10.1007/978-1-84800-050-6_6.
Přístupnost.cz Otevřete svůj web všem! [online]. Dostupné z: [http://www.pristupnost.cz/](http://www.pristupnost.cz/)
Přístupnost internetových stránek a mobilních aplikací [online]. Ministerstvo vnitra České republiky 2019. Dostupné z: [https://www.mvcr.cz/clanek/pristupnost-internetovych-stranek-a-mobilnich-aplikaci.aspx](https://www.mvcr.cz/clanek/pristupnost-internetovych-stranek-a-mobilnich-aplikaci.aspx)
Digital Education Strategies, The Chang School. GAY, Greg & Karasyov, Igor (November 29, 2019) - Web Accessibility for Developers
Harper, Simon & Yesilada, Yeliz. (2008). Web Accessibility and Guidelines. 10.1007/978-1-84800-050-6_6.
Přílohy volně vložené
-
Přílohy vázané v práci
-
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Student odprezentoval výsledky své diplomové práce. Tajemník přečetl posudky vedoucího a oponenta.
Student reagoval na dotazy z posudků i komise a celkově obhájil svou diplomovou práci výborně.
Dotazy komise
doktor Oulehla - Myslíte si že je v pořádku u registračního formuláře, že je indikace špatného formuláře červeně a dobrého zeleně ? Proč je u červené a zelené problém ?
doc. Sysel - Víte kolik odstínu šedé barvy je barvoslepý člověk rozlišit ? Probíhala diskuze na tuto problematiku ?
doktor Žáček - Jak tuto problematiky řeší rozšířené FE frameworky ?