Přístupnost a podpora uživatelů - Historie editací

Hlavsa: /* GOV.CZ Design System */

2018-11-18T19:44:13Z

‎GOV.CZ Design System

Hlavsa: /* Mimo GOV.UK */

2018-10-13T18:39:24Z

‎Mimo GOV.UK

Hlavsa: /* Mimo GOV.UK */

2018-10-13T18:39:09Z

‎Mimo GOV.UK

Hlavsa v 13. 10. 2018, 18:35

2018-10-13T18:35:08Z

Hlavsa v 11. 10. 2018, 14:26

2018-10-11T14:26:28Z

Hlavsa v 11. 10. 2018, 07:42

2018-10-11T07:42:33Z

Hlavsa v 10. 10. 2018, 12:43

2018-10-10T12:43:59Z

Hlavsa v 10. 10. 2018, 12:41

2018-10-10T12:41:44Z

Hlavsa: /* Jak na požadavky na přístupnost */

2018-10-09T08:45:03Z

‎Jak na požadavky na přístupnost

Hlavsa: Založena nová stránka s textem „Pomožte uživatelům. Udělějte službu přístupnou. == Jak na požadavky na přístupnost == *
Úvod k tvorbě přístupnosté služby
…“

2018-10-09T08:44:27Z

Založena nová stránka s textem „Pomožte uživatelům. Udělějte službu přístupnou. == Jak na požadavky na přístupnost == * <div>Úvod k tvorbě přístupnosté služby</div>…“

Nová stránka

Pomožte uživatelům. Udělějte službu přístupnou.
== Jak na požadavky na přístupnost ==

* <div>[[Úvod k tvorbě přístupnosté služby]]</div>
* <div>[[Informace k WCAG 2.1]]</div>
== Nastavení uživatelské podpory ==

@@ Řádek 71: / Řádek 71: @@
 ===GOV.CZ Design System===
-Použitím GOV.CZ Design Systemu a jeho komponent vyřešíte snadno přístupnost na úrovni HTML, CSS a JS. [https://czegov-designsystem.herokuapp.com/welcome/components Podívat se a stáhnout GOV.CZ Design System].
+Použitím GOV.CZ Design Systemu a jeho komponent vyřešíte snadno přístupnost na úrovni HTML, CSS a JS. [https://govcz-design-toolkit.herokuapp.com Podívat se a stáhnout GOV.CZ Design System].
 ===Asisteční technologie (kompenzační pomůcky)===

@@ Řádek 9: / Řádek 9: @@
 ==Mimo GOV.UK==
 <blockquote>Úřady musí být compliant s vyhláškou č. 64/2008 Sb. o přístupnosti ([https://www.zakonyprolidi.cz/cs/2008-64 podívat se na vyhlášku], [https://www.google.cz/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=2ahUKEwjbiIGdiITeAhWmtYsKHXfJA-QQFjABegQICRAC&url=http%3A%2F%2Fwww.mvcr.cz%2Fsoubor%2Fmetodicky-pokyn-k-vyhlasce-c-64-2008-sb-o-forme-uverejnovani-informaci-souvisejicich-s-vykonem-verejne-spravy-prostrednictvim-webovych-stranek-pro-osoby-se-zdravotnim-postizenim-vyhlaska-o-pristupnosti.aspx&usg=AOvVaw3Lr5ebN9QBMaU0TY-yjUVa stáhnout metodický pokyn MV] (PDF, 409KB, 25 stran)). Tuto vyhlášku bude v roce 2019 rušit zákon přejímající směrnici EU TBD.
-Úřady musí být compliant s vyhláškou č. 64/2008 Sb. o přístupnosti [https://www.google.cz/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=2ahUKEwjhgI372PvdAhXltYsKHY6jCsQQFjABegQICBAC&url=http%3A%2F%2Fwww.mvcr.cz%2Fsoubor%2Fmetodicky-pokyn-k-vyhlasce-c-64-2008-sb-o-forme-uverejnovani-informaci-souvisejicich-s-vykonem-verejne-spravy-prostrednictvim-webovych-stranek-pro-osoby-se-zdravotnim-postizenim-vyhlaska-o-pristupnosti.aspx&usg=AOvVaw3Lr5ebN9QBMaU0TY-yjUVa].  (PDF, 409KB, 25 stran, Metodický pokyn MV) Tuto vyhlášku bude v roce 2019 rušit zákon přejímající směrnici EU.</blockquote>
+</blockquote>
 ===Definice===

@@ Řádek 8: / Řádek 8: @@
 ==Mimo GOV.UK==
-<blockquote>Úřady musí být compliant s vyhláškou č. 64/2008 Sb. o přístupnosti [https://www.google.cz/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=2ahUKEwjhgI372PvdAhXltYsKHY6jCsQQFjABegQICBAC&url=http%3A%2F%2Fwww.mvcr.cz%2Fsoubor%2Fmetodicky-pokyn-k-vyhlasce-c-64-2008-sb-o-forme-uverejnovani-informaci-souvisejicich-s-vykonem-verejne-spravy-prostrednictvim-webovych-stranek-pro-osoby-se-zdravotnim-postizenim-vyhlaska-o-pristupnosti.aspx&usg=AOvVaw3Lr5ebN9QBMaU0TY-yjUVa].  (PDF, 409KB, 25 stran, Metodický pokyn MV) Tuto vyhlášku bude v roce 2019 rušit zákon přejímající směrnici EU.</blockquote>
+<blockquote>Úřady musí být compliant s vyhláškou č. 64/2008 Sb. o přístupnosti ([https://www.zakonyprolidi.cz/cs/2008-64 podívat se na vyhlášku], [https://www.google.cz/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=2ahUKEwjbiIGdiITeAhWmtYsKHXfJA-QQFjABegQICRAC&url=http%3A%2F%2Fwww.mvcr.cz%2Fsoubor%2Fmetodicky-pokyn-k-vyhlasce-c-64-2008-sb-o-forme-uverejnovani-informaci-souvisejicich-s-vykonem-verejne-spravy-prostrednictvim-webovych-stranek-pro-osoby-se-zdravotnim-postizenim-vyhlaska-o-pristupnosti.aspx&usg=AOvVaw3Lr5ebN9QBMaU0TY-yjUVa stáhnout metodický pokyn MV] (PDF, 409KB, 25 stran)). Tuto vyhlášku bude v roce 2019 rušit zákon přejímající směrnici EU TBD.
 ===Definice===

@@ Řádek 8: / Řádek 8: @@
 ==Mimo GOV.UK==
-<blockquote>Úřady musí být compliant s vyhláškou č. 64/2008 Sb. o přístupnosti [https://www.google.cz/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=2ahUKEwjhgI372PvdAhXltYsKHY6jCsQQFjABegQICBAC&url=http%3A%2F%2Fwww.mvcr.cz%2Fsoubor%2Fmetodicky-pokyn-k-vyhlasce-c-64-2008-sb-o-forme-uverejnovani-informaci-souvisejicich-s-vykonem-verejne-spravy-prostrednictvim-webovych-stranek-pro-osoby-se-zdravotnim-postizenim-vyhlaska-o-pristupnosti.aspx&usg=AOvVaw3Lr5ebN9QBMaU0TY-yjUVa (PDF(409KB), Metodický pokyn MV)]. Tuto vyhlášku bude v roce 2019 rušit zákon přejímající směrnici EU.</blockquote>
+<blockquote>Úřady musí být compliant s vyhláškou č. 64/2008 Sb. o přístupnosti [https://www.google.cz/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=2ahUKEwjhgI372PvdAhXltYsKHY6jCsQQFjABegQICBAC&url=http%3A%2F%2Fwww.mvcr.cz%2Fsoubor%2Fmetodicky-pokyn-k-vyhlasce-c-64-2008-sb-o-forme-uverejnovani-informaci-souvisejicich-s-vykonem-verejne-spravy-prostrednictvim-webovych-stranek-pro-osoby-se-zdravotnim-postizenim-vyhlaska-o-pristupnosti.aspx&usg=AOvVaw3Lr5ebN9QBMaU0TY-yjUVa].  (PDF, 409KB, 25 stran, Metodický pokyn MV) Tuto vyhlášku bude v roce 2019 rušit zákon přejímající směrnici EU.</blockquote>
 ===Definice===

@@ Řádek 30: / Řádek 30: @@
 ===Vytvoření přístupné stránky===
 Přístupnost je součást vývoje a je třeba s ní počítat v jeho různých fázích:
@@ Řádek 38: / Řádek 36: @@
 *chování [https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_customize&levels=a&techniques=sufficient%2Cfailures (interaction)]
 *TBD
 ====Vzhled====
@@ Řádek 48: / Řádek 48: @@
 *'''Odkazy''':
-*'''Alternativy k netextovým objektům''': veškeré netextové elementy, jako jsou obrázky, infografika, video nebo audio, musí mít k dispozici textový ekvivalent. Například text v tlačítku. Zvláště mějte na paměti ověřování anti-spamu (například [https://www.w3.org/TR/WCAG20/#CAPTCHAdef CAPTCHA]).
+*'''Alternativy k netextovým objektům''': veškeré netextové elementy, jako jsou obrázky, infografika, video nebo audio, musí mít k dispozici textový ekvivalent. Například text v tlačítku. Zvláště dejte pozor na ověřování anti-spamu (například [https://www.w3.org/TR/WCAG20/#CAPTCHAdef CAPTCHA]).
-*'''Zvětšení''':zvětšením textu o 200 % nesmí dojít ke ztrátě informace nebo funkcionality, to znamená, že nesmí dojít k překrytí prvků na stránce apod. Text o 200 % si mohou zvětšit například lidé s pokročilým šedým zákalem.
+*'''Zvětšení''': zvětšením textu o 200 % nesmí dojít ke ztrátě informace nebo funkcionality, to znamená, že nesmí dojít k překrytí prvků na stránce atd. Text o 200 % si mohou zvětšit například lidé s pokročilým šedým zákalem.
 ====Chování====
@@ Řádek 56: / Řádek 56: @@
 ===Použití barev===
-Barevná paleta musí splňovat WCAG 2.0 úrovně AA, to znamená, že musí garantovat minimální podíl, tj. 4.5:1, kontrastu textu vůči pozadí.
+Barevná paleta musí splňovat WCAG 2.0 úrovně AA, to znamená, že musí garantovat minimální podíl, tj. 4.5:1, kontrastu textu vůči pozadí. Ověření zda splňujete kontrastní poměr 4.5:1 můžete najít několik online nástrojů, například [https://snook.ca/technical/colour_contrast/colour.html#fg=33FF33,bg=333333 Snook.ca Colour contrast checker].
-Barva by nikdy neměla být jednoznačným identikátorem a nositelem informace. Je tedy špatně pokud se pouze barvou snažíte znázornit alert (červená) nebo úspěch (zeleně), jelikož ne každý vnímá barvy stejně.
+Barva by nikdy neměla být jednoznačným identikátorem a nositelem informace. Jelikož ne každý vnímá barvy stejně, je špatně, pokud se pouze barvou snažíte znázornit alert (červená) nebo úspěch (zeleně).
-Mějte na paměti zobrazování barev pro:
+Mějte na paměti, jak se barvy moho zobrazit na:
-*mobil nebo tablet, doma i venku
+*mobilu nebo tabletu, doma i venku
-*černobílý tisk webové stránky
+*černobílém tisku webové stránky
-*webové stránky na projektorech
+*projektorech
-*barvoslepé ([[wikipedia:Color_blindness|5-8 % mužské populace]])
+*webové stránce barvoslepým ([[wikipedia:Color_blindness|5-8 % mužské populace]])
 Pro sdělení informací používejte, kromě barvy samotné, doprovodný text a/nebo nějaký grafický element.
 ===GOV.CZ Design System===
@@ Řádek 77: / Řádek 75: @@
 Většina operačních systémů už má v základu odečítač obrazovky (screen reader).
-Při testování webových stránek na Windows použijte mimo níže zmíněného built-in Narratoru předním open-source odečítač NVDA ([http://nvda-project.cz/ stránky NVDA v češtině]).
+Při testování webových stránek na Windows použijte, mimo níže zmíněného built-in Narratoru, přední open-source odečítač NVDA ([http://nvda-project.cz/ stránky NVDA v češtině]).
 {| class="wikitable"
 |+
 !OS
 !Technologie

@@ Řádek 7: / Řádek 7: @@
 ==Nastavení uživatelské podpory==
-== Mimo GOV.UK ==
+==Mimo GOV.UK==
 <blockquote>Úřady musí být compliant s vyhláškou č. 64/2008 Sb. o přístupnosti [https://www.google.cz/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=2ahUKEwjhgI372PvdAhXltYsKHY6jCsQQFjABegQICBAC&url=http%3A%2F%2Fwww.mvcr.cz%2Fsoubor%2Fmetodicky-pokyn-k-vyhlasce-c-64-2008-sb-o-forme-uverejnovani-informaci-souvisejicich-s-vykonem-verejne-spravy-prostrednictvim-webovych-stranek-pro-osoby-se-zdravotnim-postizenim-vyhlaska-o-pristupnosti.aspx&usg=AOvVaw3Lr5ebN9QBMaU0TY-yjUVa (PDF(409Kb), Metodický pokyn MV)]. Tuto vyhlášku bude v roce 2019 rušit zákon přejímající směrnici EU.</blockquote>
-=== Definice ===
+===Definice===
 Základním kamenem dobrého vývoje IT služeb, softwaru, hardwaru je pro GOV.CZ přístupnost.
@@ Řádek 19: / Řádek 19: @@
 Být přístupný znamená: uživatel na prvním místě.
-==== Nejčastější limitace uživatelů ====
+====Nejčastější omezení uživatelů====
-* '''Technologické''': zastaralé verze operačních systémů, bez nejnovější verze internetového prohlížeče, bez přístupu k rychlému internetu
+*'''Technologické''': zastaralé verze operačních systémů, bez nejnovější verze internetového prohlížeče, bez přístupu k rychlému internetu
-* '''Zrakové''': úplná nebo částečná slepota, barvoslepost
+*'''Zrakové''': úplná nebo částečná slepota, barvoslepost
-* '''Motorické''': nemožnost používat myš
+*'''Motorické''': nemožnost používat myš
-* '''Kognitvní, neurologické a mentáln'''í: dyslexie, úzkostlivost, ADHD
+*'''Kognitvní, neurologické a mentáln'''í: dyslexie, úzkostlivost, ADHD
-* '''Hluchové''': úplná nebo částečná hluchota
+*'''Hluchové''': úplná nebo částečná hluchota
 [https://www.w3.org/WAI/people-use-web/abilities-barriers/ Více skvělých případů a příkladů na stránkách W3].
-=== Vytvoření přístupné stránky ===
+===Vytvoření přístupné stránky===
 Všechny stránky GOV.CZ musí být complaint s [https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0 WCAG 2.0 úrovně AA]. Tato kapitola se věnuje nejčastějším chybám, která nabytí zmíněné úrovně zabraňují.
 Přístupnost je součást vývoje a je třeba s ní počítat v jeho různých fázích:
-* vzhled a obsah ([https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_customize&levels=a&techniques=sufficient%2Cfailures visual and content)]
+*vzhled a obsah ([https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_customize&levels=a&techniques=sufficient%2Cfailures visual and content)]
-* struktura [https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_customize&levels=a&techniques=sufficient%2Cfailures (develop)]
+*struktura [https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_customize&levels=a&techniques=sufficient%2Cfailures (develop)]
-* chování [https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_customize&levels=a&techniques=sufficient%2Cfailures (interaction)]
+*chování [https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&currentsidebar=%23col_customize&levels=a&techniques=sufficient%2Cfailures (interaction)]
-* TBD
+*TBD
-==== Vzhled ====
+====Vzhled====
-* '''Mihotající se objekty''': webové stránky nesmějí obsahovat nic, co bliká vícekrát než třikrát za sekundu.
+*'''Mihotající se objekty''': webové stránky nesmějí obsahovat nic, co bliká vícekrát než třikrát za sekundu.
-* '''Audio obsah''': pokud je audio obsah na webové stránce přehráván automaticky a je delší než tři sekundy, musí existovat prvek, kterým je toto audio možné pozastavit nebo úplně vypnout.
+*'''Audio obsah''': pokud je audio obsah na webové stránce přehráván automaticky a je delší než tři sekundy, musí existovat prvek, kterým je toto audio možné pozastavit nebo úplně vypnout.
-* TBD
+*TBD
-==== Struktura ====
+====Struktura====
-* '''Odkazy''':
+*'''Odkazy''':
-* '''Alternativy k netextovým objektům''': veškeré netextové elementy, jako jsou obrázky, infografika, video nebo audio, musí mít k dispozici textový ekvivalent. Například text v tlačítku. Zvláště mějte na paměti ověřování anti-spamu (například [https://www.w3.org/TR/WCAG20/#CAPTCHAdef CAPTCHA]).
+*'''Alternativy k netextovým objektům''': veškeré netextové elementy, jako jsou obrázky, infografika, video nebo audio, musí mít k dispozici textový ekvivalent. Například text v tlačítku. Zvláště mějte na paměti ověřování anti-spamu (například [https://www.w3.org/TR/WCAG20/#CAPTCHAdef CAPTCHA]).
-* '''Zvětšení''':zvětšením textu o 200 % nesmí dojít ke ztrátě informace nebo funkcionality, to znamená, že nesmí dojít k překrytí prvků na stránce apod. Text o 200 % si mohou zvětšit například lidé s pokročilým šedým zákalem.
+*'''Zvětšení''':zvětšením textu o 200 % nesmí dojít ke ztrátě informace nebo funkcionality, to znamená, že nesmí dojít k překrytí prvků na stránce apod. Text o 200 % si mohou zvětšit například lidé s pokročilým šedým zákalem.
-==== Chování ====
+====Chování====
-* TBD
+*TBD
-=== Použití barev ===
+===Použití barev===
 Barevná paleta musí splňovat WCAG 2.0 úrovně AA, to znamená, že musí garantovat minimální podíl, tj. 4.5:1, kontrastu textu vůči pozadí.
@@ Řádek 62: / Řádek 62: @@
 Mějte na paměti zobrazování barev pro:
-* mobil nebo tablet, doma i venku
+*mobil nebo tablet, doma i venku
-* černobílý tisk webové stránky
+*černobílý tisk webové stránky
-* webové stránky na projektorech
+*webové stránky na projektorech
-* barvoslepé ([[wikipedia:Color_blindness|5-8 % mužské populace]])
+*barvoslepé ([[wikipedia:Color_blindness|5-8 % mužské populace]])
 Pro sdělení informací používejte, kromě barvy samotné, doprovodný text a/nebo nějaký grafický element.
@@ Řádek 71: / Řádek 71: @@
 Ověření zda splňujete kontrastní poměr 4.5:1 můžete najít několik online nástrojů, například [https://snook.ca/technical/colour_contrast/colour.html#fg=33FF33,bg=333333 Snook.ca Colour contrast checker].
-=== GOV.CZ Design System ===
+===GOV.CZ Design System===
 Použitím GOV.CZ Design Systemu a jeho komponent vyřešíte snadno přístupnost na úrovni HTML, CSS a JS. [https://czegov-designsystem.herokuapp.com/welcome/components Podívat se a stáhnout GOV.CZ Design System].
-=== Asisteční technologie (kompenzační pomůcky) ===
+===Asisteční technologie (kompenzační pomůcky)===
 Většina operačních systémů už má v základu odečítač obrazovky (screen reader).
@@ Řádek 100: / Řádek 100: @@
 [https://developer.paciellogroup.com/blog/2015/01/basic-screen-reader-commands-for-accessibility-testing/ Naučte se základní zkratky] pro tyto technologie.
-=== Měly byste znát ===
+===Měly byste znát===
 Externí odkazy (platné ke dni 10. října 2018), které by vás mohly zajímat:
-* https://github.com/Heydon/inclusive-design-checklist
+*https://github.com/Heydon/inclusive-design-checklist
-* https://www.w3.org/TR/wai-aria-practices-1.1/
+*https://www.w3.org/TR/wai-aria-practices-1.1/
-* https://a11yproject.com/
+*https://a11yproject.com/
-* https://snook.ca/technical/colour_contrast/colour.html#fg=33FF33,bg=333333
+*https://snook.ca/technical/colour_contrast/colour.html#fg=33FF33,bg=333333
-* https://inclusive-components.design/
+*https://inclusive-components.design/
-* https://a11ywins.tumblr.com/
+*https://a11ywins.tumblr.com/
-* https://developer.mozilla.org/en-US/docs/Web/Accessibility
+*https://developer.mozilla.org/en-US/docs/Web/Accessibility
-* https://www.marcozehe.de/
+*https://www.marcozehe.de/
-* https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b
+*https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b
-== Příbuzné stránky ==
+==Příbuzné stránky==
 [[Přístupný jazyk]]

@@ Řádek 1: / Řádek 1: @@
-Pomožte uživatelům. Udělějte službu přístupnou.
+Pomožte uživatelům. Udělejte službu přístupnou.
 ==Jak na požadavky na přístupnost==
@@ Řádek 6: / Řádek 6: @@
 ==Nastavení uživatelské podpory==

@@ Řádek 1: / Řádek 1: @@
 Pomožte uživatelům. Udělějte službu přístupnou.
-== Jak na požadavky na přístupnost ==
+==Jak na požadavky na přístupnost==
-* <div>[[Úvod k tvorbě přístupnosté služby]]</div>
+*<div>[[Úvod k tvorbě přístupnosté služby|Úvod k tvorbě přístupné služby]]</div>
-* <div>[[Informace k WCAG 2.1]]</div>
+*<div>[[Informace k WCAG 2.1]]</div>
 == Nastavení uživatelské podpory ==

Přístupnost a podpora uživatelů - Historie editací

Hlavsa: /* GOV.CZ Design System */

Hlavsa: /* Mimo GOV.UK */

Hlavsa: /* Mimo GOV.UK */

Hlavsa v 13. 10. 2018, 18:35

Hlavsa v 11. 10. 2018, 14:26

Hlavsa v 11. 10. 2018, 07:42

Hlavsa v 10. 10. 2018, 12:43

Hlavsa v 10. 10. 2018, 12:41

Hlavsa: /* Jak na požadavky na přístupnost */

Hlavsa: Založena nová stránka s textem „Pomožte uživatelům. Udělějte službu přístupnou. == Jak na požadavky na přístupnost == * Úvod k tvorbě přístupnosté služby…“

Hlavsa: Založena nová stránka s textem „Pomožte uživatelům. Udělějte službu přístupnou. == Jak na požadavky na přístupnost == *
Úvod k tvorbě přístupnosté služby
…“