0
editací
Změny
→GOV.CZ Design System
==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=2ahUKEwjhgI372PvdAhXltYsKHY6jCsQQFjABegQICBAC2ahUKEwjbiIGdiITeAhWmtYsKHXfJA-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), Metodický pokyn MV)]. Tuto vyhlášku bude v roce 2019 rušit zákon přejímající směrnici EUTBD.</blockquote>
===Definice===
===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:
*chování [https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0¤tsidebar=%23col_customize&levels=a&techniques=sufficient%2Cfailures (interaction)]
*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====
*'''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 dejte pozor 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 apodatd. Text o 200 % si mohou zvětšit například lidé s pokročilým šedým zákalem.
====Chování====
===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 [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 Jelikož ne každý vnímá barvy stejně, je špatně , pokud se pouze barvou snažíte znázornit alert (červená) nebo úspěch (zeleně), jelikož ne každý vnímá barvy stejně.
Mějte na paměti zobrazování barev pro, jak se barvy moho zobrazit na:
*mobil mobilu nebo tablettabletu, doma i venku*černobílý tisk černobílém tisku webové stránky*webové stránky na projektorech*barvoslepé 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===
Použitím GOV.CZ Design Systemu a jeho komponent vyřešíte snadno přístupnost na úrovni HTML, CSS a JS. [https://czegovgovcz-designsystemdesign-toolkit.herokuapp.com/welcome/components 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ím , přední open-source odečítač NVDA ([http://nvda-project.cz/ stránky NVDA v češtině]).
{| class="wikitable"
|+
Přehled built-in odečítačů
!OS
!Technologie