Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- pristupnost:zasady_pristupneho_designu [2020/09/18 06:45] – linda
+++ pristupnost:zasady_pristupneho_designu [2020/09/22 08:43] (aktuální) – linda
@@ Řádek 2: / Řádek 2: @@
+Pokud bychom chtěli problematiku přístupnosti webu shrnout v několika bodech, můžeme tak učinit formulací základních zásad přístupného designu webových stránek. Většinu z nich je možné implementovat, aniž by bylo nutné slevit z požadavků na vzhled a celkový dojem z webových stánek.((Tento text je překladem textu [[https://webaim.org/intro/#principles|Principles of Accessible Design]] na portále [[https://webaim.org/|WebAIM (Web Accessibility in Mind)]].))
-Zde najdete seznam některých základních zásad přístupného designu webových stránek. Většinu z nich je možné implementovat, aniž by bylo nutné slevit z požadavků na vzled a celkový dojem z vašich webových stánek.((Tento článek je překladem textu [[https://webaim.org/intro/#principles|Principles of Accessible Design]] na portále [[https://webaim.org/|WebAIM (Web Accessibility in Mind)]].))
 ===== Poskytněte alternativní text =====
-Alternativní text poskytuje textovou alternativu k netextovému obsahu na webových stránkách. To je užitečné zejména pro lidi, kteří nevidí a spoléhají se na odečítač obrazovky, který jim přečte informace na webových stránkách.
+Alternativní text nabízí textovou alternativu k netextovému obsahu na webových stránkách. To je užitečné zejména pro nevidomé. Ti se spoléhají na odečítač obrazovky, který jim informace z webových stránek přečte.
 ===== Vytvořte logickou strukturu dokumentu =====
@@ Řádek 13: / Řádek 12: @@
-===== Uvádějte záhlaví datových tabulek =====
+===== Uvádějte záhlaví tabulek =====
-Datové tabulky musí mít obsahovat záhlaví řádků a sloupců (<th scope="row"> a <th scope="col">), aby je programově spojily s odpovídajícími datovými buňkami (<td>), což uživatelům čtecích programů obrazovky usnadní navigaci a pochopení tabulky.
+Tabulky musí mít obsahovat záhlaví řádků a sloupců (<th scope=%%"%%row%%"%%> a <th scope=%%"%%col%%"%%>), aby se programově spojily s odpovídajícími buňkami (<td>). To uživatelům odečítačů obrazovky usnadní navigaci a pochopení tabulky.
 ===== Zajistěte, aby uživatelé mohli vyplňovat a odesílat všechny formuláře =====
@@ Řádek 21: / Řádek 20: @@
 Každý prvek formuláře (textové pole, zaškrtávací políčko, rozevírací seznam atd.) potřebuje programátorsky přiřazený popisek pole. Uživatelé musí mít možnost odeslat formulář a opravit chyby.
-===== Vytvářejte odkazy, které dávají smysl bez okolního kontextu =====
+===== Vytvářejte odkazy, které dávají smysl bez kontextu =====
 Každý odkaz by měl dávat smysl sám o sobě. Uživatelé s odečítačem obrazovky mohou zvolit, že chtějí na webové stránce číst pouze odkazy. Vyhněte se frázím typu "klikněte zde", "více" apod.
-===== K multimediální souborům poskytněte titulky a/nebo přepis =====
+===== K multimediálním souborům poskytněte titulky a/nebo přepis =====
-Videa a živě přenášený zvuk musí mít titulky a přepis. U archivovaného zvuku může stačit přepis.
+Videa a živě přenášený zvuk musí mít titulky a přepis. U archivovaného zvuku stačí přepis.
-===== Zajistěte přístupnost PDF, Wordu, PowerPointu a dalšího obsahu který není HTML stránkou. =====
+===== Zajistěte přístupnost dokumentů v PDF, dokumentů vytvořených ve Wordu a PowerPointu a dalšího obsahu, který nemá podobu HTML stránky =====
-Dokumenty PDF a další obsah, který není HTML stránkou, musí být co nejpřístupnější. Pokud tento obsah nemůžete zpřístupnit, zvažte místo toho použití HTML stránky nebo přinejmenším poskytněte dostupnou alternativu. Pro lepší přístupnost by také soubory PDF měly být tagované. Tagovaný soubor PDF sice vypadá stejně, ale obvykle je lépe přístupný pro osoby používající odečítač obrazovky.
+Dokumenty v PDF a další obsah, který nemá podobu HTML stránky, musí být co nejpřístupnější. Pokud tento obsah nemůžete zpřístupnit, zvažte místo toho použití HTML stránky nebo přinejmenším poskytněte přístupnou alternativu. Pro lepší přístupnost by také soubory v PDF měly být tagované. Tagovaný soubor v PDF sice vypadá stejně, ale obvykle je lépe přístupný pro osoby používající odečítač obrazovky.
-===== Umožněte uživatelům přeskočit opakující se prvky na stránce =====
+===== Umožněte uživatelům přeskočit prvky, které se na stránkách opakují =====
 Každá stránka by měla obsahovat možnost přeskočit navigaci nebo jiné prvky, které se opakují na každé stránce. K tomu obvykle slouží odkaz „Přeskočit na hlavní obsah“ nebo „Přeskočit navigaci“ v horní části stránky.
@@ Řádek 38: / Řádek 37: @@
 Barva může přispět k lepšímu porozumění. Nesmí však být jediným způsobem sdělení obsahu, jinak by informace nebyly dostupné lidem s poruchami barvocitu a těm, kdo používají odečítač obrazovky.
-===== Ujistěte se, že je obsahu jasně napsaný a snadno čitelný. =====
+===== Ujistěte se, že je obsah napsán jasně a je snadno čitelný =====
-Pište jasně, používejte čisté fonty a v souladu s logikou používejte nadpisy a seznamy.
+Pište jasně, používejte čisté fonty a nadpisy a seznamy používejte v souladu s logikou.
 ===== Vytvářejte přístupný JavaScript =====
-Zajistěte, aby používání obslužných událostí v JavaScriptu bylo nezávislé na zařízení (např. aby nevyžadovalo použití myši).
+Zajistěte, aby používání obslužných událostí v JavaScriptu nebylo závislé na zařízení (např. aby nevyžadovalo myš).
 ===== Vytvářejte web v souladu se standardy =====

Přístupné webové stránky

Uživatelské nástroje

Nástroje pro tento web

Rozdíly

Nástroje pro stránku