Přístupnost a podpora uživatelů: Porovnání verzí

(Značka: editace z VisualEditoru)
(→‎GOV.CZ Design System)
(Značka: editace z VisualEditoru)
 
(Není zobrazeno 5 mezilehlých verzí od stejného uživatele.)
Řádek 8: Řádek 8:
  
 
==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>
+
<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.
 +
</blockquote>
  
 
===Definice===
 
===Definice===
Řádek 30: Řádek 31:
  
 
===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:
 
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 37:
 
*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
 +
 +
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, kvůli kterým se úrovně AA nedosahuje.
  
 
====Vzhled====
 
====Vzhled====
Řádek 48: Řádek 49:
  
 
*'''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ě 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í====
 
====Chování====
Řádek 56: Řádek 57:
  
 
===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í.  
+
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.
 
Pro sdělení informací používejte, kromě barvy samotné, doprovodný text a/nebo nějaký grafický element.
−
 
−
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].
+
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)===
 
===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).
 
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"
 
{| class="wikitable"
 
|+
 
|+
 +
Přehled built-in odečítačů
 
!OS
 
!OS
 
!Technologie
 
!Technologie

Aktuální verze z 18. 11. 2018, 20:44

Pomožte uživatelům. Udělejte službu přístupnou.

Jak na požadavky na přístupnost

Nastavení uživatelské podpory

Mimo GOV.UK

Úřady musí být compliant s vyhláškou č. 64/2008 Sb. o přístupnosti (podívat se na vyhlášku, 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

Základním kamenem dobrého vývoje IT služeb, softwaru, hardwaru je pro GOV.CZ přístupnost.

Všichni uživatelé musí mít možnost ovládat aplikace, webové stránky, online služby nebo elektronické dokumenty, a to i přes svá případná omezení. Například omezení fyzická, technologická nebo enviromentální.

Nikdy nesmí dojít k diskriminaci uživatele. Všichni mají právo na to využívat služby poskytované veřejnou správou.

Být přístupný znamená: uživatel na prvním místě.

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
  • Zrakové: úplná nebo částečná slepota, barvoslepost
  • Motorické: nemožnost používat myš
  • Kognitvní, neurologické a mentální: dyslexie, úzkostlivost, ADHD
  • Hluchové: úplná nebo částečná hluchota

Více skvělých případů a příkladů na stránkách W3.

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:

Všechny stránky GOV.CZ musí být complaint s WCAG 2.0 úrovně AA. Tato kapitola se věnuje nejčastějším chybám, kvůli kterým se úrovně AA nedosahuje.

Vzhled

  • 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.
  • TBD

Struktura

  • 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ě dejte pozor na ověřování anti-spamu (například 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 atd. Text o 200 % si mohou zvětšit například lidé s pokročilým šedým zákalem.

Chování

  • TBD

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í. Ověření zda splňujete kontrastní poměr 4.5:1 můžete najít několik online nástrojů, například Snook.ca Colour contrast checker.

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, jak se barvy moho zobrazit na:

  • mobilu nebo tabletu, doma i venku
  • černobílém tisku webové stránky
  • projektorech
  • webové stránce barvoslepým (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

Použitím GOV.CZ Design Systemu a jeho komponent vyřešíte snadno přístupnost na úrovni HTML, CSS a JS. Podívat se a stáhnout GOV.CZ Design System.

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).

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 (stránky NVDA v češtině).

Přehled built-in odečítačů
OS Technologie
Windows Narrator
MacOS VoiceOver
Ubuntu Orca
Android TalkBack
iOS VoiceOver

Naučte se základní zkratky pro tyto technologie.

Měly byste znát

Externí odkazy (platné ke dni 10. října 2018), které by vás mohly zajímat:

Příbuzné stránky

Přístupný jazyk

Citováno z „https://www.moderni-stat.cz/index.php?title=Přístupnost_a_podpora_uživatelů&oldid=410“