Rozdíly

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

--- pristupnost:prehled_opatreni [2020/09/16 20:56] – ↷ Odkaz upraven z důvodu přesunutí eva
+++ pristupnost:prehled_opatreni [2020/09/24 08:40] (aktuální) – linda
@@ Řádek 2: / Řádek 2: @@
 ====== -#8 Přehled opatření ======
-===== Osoby se zrakovým postižením =====
+===== Uživatelé se zrakovým postižením =====
 ==== Nevidomí uživatelé ====
@@ Řádek 8: / Řádek 8: @@
 ^ Problém ^ Řešení ^
 | Nevidomí uživatelé nepoužívají myš. | Nepoužívejte na stránce skripty, které vyžadují používání myši. Zajistěte alternativu dostupnou z klávesnice. |
-| Obrázky, fotografie a grafiku nelze použít. | Popište obrázek pomocí pomocí prvku alt nebo v nezbytných případech připojte delší podrobný popis obrázku (buď na téže stránce nebo pomocí odkazu). |
+| Obrázky, fotografie a grafiku nelze použít. | Popište obrázek pomocí prvku alt nebo v nezbytných případech připojte delší podrobný popis obrázku (na téže stránce nebo pomocí odkazu). |
-| Uživatelé webové stránky často poslouchají pomocí odečítače obrazovky.| Dejte uživatelům možnost přeskočit navigační menu, dlouhé seznamy položek, obrázky tvořené znaky ((ASCII art)), a dalších prvky, které mohou být při čtení obtížné nebo zdlouhavé. |
+| Uživatelé webové stránky často poslouchají pomocí odečítače obrazovky.| Dejte uživatelům možnost přeskočit navigační menu, dlouhé seznamy položek, obrázky tvořené znaky((Jde o tzv. [[https://cs.wikipedia.org/wiki/ASCII_art|ASCII art]].)) a další prvky, které mohou být při čtení obtížné nebo zdlouhavé. |
 | Uživatelé často používají klávesu tab pro přechod z odkazu na odkaz. | Dbejte na to, aby text odkazu dával smysl sám o sobě, bez okolního kontextu („klikněte zde“ je problematické). |
 | Tzv. rámy uživatel nevidí všechny najednou. Musí je navštívit jednotlivě, což může vést k dezorientaci na stránce. | Pokud je to možné, rámům se vyhněte. Když už je musíte použít, opatřete jednotlivé rámy titulkem, který sděluje jejich funkci (např. navigace nebo hlavní obsah). |
-|Při poslouchání obsahu jednotlivých buněk tabulky může být pro uživatele obtížné vědět, kde se nachází. | Používejte v tabulkách záhlaví sloupců a řádků (<th>). Dbejte na to, aby tabulky (obzvláště tabulky se sloučenými buňkami) dávaly smysl při čtení po řádcích zleva doprava. |
+|Při poslouchání obsahu jednotlivých buněk tabulky může být pro uživatele obtížné zjistit, kde se nachází. | Používejte v tabulkách záhlaví sloupců a řádků (<th>). Dbejte na to, aby tabulky (obzvláště tabulky se sloučenými buňkami) dávaly smysl při čtení po řádcích zleva doprava. |
 | Složité tabulky a grafy, které jsou obvykle interpretovány zrakem, jsou pro nevidomé nepoužitelné. | Uvádějte jejich shrnutí a/nebo slovní popis. |
-| Ne všechny odečítače obrazovky podporují obrázkové mapy. | Aktivní místa v obrázkovým mapách opatřete dodatečnými textovými odkazy. |
+| Ne všechny odečítače obrazovky podporují klikací mapy. | Aktivní místa v klikacích mapách opatřete dodatečnými textovými odkazy. |
-| Nelze používat barvy. | Při sdělení obsahu nespoléhejte pouze na barvu. |
+| Nelze používat barvy. | Při sdělování obsahu nespoléhejte pouze na barvu. |
 |Uživatelé předpokládají, že odkazy někam vedou. | Nepoužívejte na stránkách v odkazech skripty, které způsobí, že odkazy nevedou na skutečný cíl. |
@@ Řádek 22: / Řádek 22: @@
 ^Problém ^Řešení ^
-|Text v grafických prvcích není možné zvětšovat bez speciálních programů, při zvětšení je tzv. pixelizovaný.| Omezte používání textu v grafických prvcích nebo text v grafice vůbec nepoužívejte.|
+|Text v grafických prvcích není možné zvětšovat bez speciálních programů, při zvětšení je rozostřený (pixelizovaný).| Omezte používání textu v grafických prvcích nebo text v grafice vůbec nepoužívejte.|
-|Uživatel si může nastavovat vlastní font nebo pozadí textu. | Umožněte uživatelům přizpůsobit text tím, že budete text používat skutečně ve formě textu, nikoliv jako grafiku.|
+|Uživatel si nemůže nastavovat vlastní font nebo pozadí textu. | Umožněte uživatelům přizpůsobit text tím, že budete text používat skutečně ve formě textu, nikoliv jako grafiku.|
-|Uživatelé si sami potřebují zvolit vhodnou velikost písma.| Nastavte stránky tak, aby uživatelé mohli stránku sami podle potřeby zvětšovat, aniž by došlo ke ztrátě funkčnosti stránky.|
+|Uživatelé si sami nemohou zvolit vhodnou velikost písma.| Nastavte web tak, aby uživatelé mohli stránku sami podle potřeby zvětšovat, aniž by došlo ke ztrátě funkčnosti.|
-|Zvětšovací programy (softwarové lupy) zmenšují velikost použitého okna. | Chcete-li snížit nutnost vodorovného rolování na stránce, používejte v kódu spíše relativní, nikoliv absolutní jednotky (např. použijte pro šířku tabulky procenta namísto pixelů).|
+|Zvětšovací programy (softwarové lupy) zmenšují velikost použitého okna. | Chcete-li snížit nutnost vodorovného rolování na stránce, používejte v kódu relativní, nikoliv absolutní jednotky (např. použijte pro šířku tabulky procenta místo pixelů).|
 ==== Uživatelé s poruchami barvocitu ====
 ^ Problém ^ Řešení ^
-|Červená a zelená barva mohou být pro návštěvníka webu nerozlišitelné.| Obvykle to není problém, kromě případů, kdy barva sděluje důležitou informaci. V tom případě je nutné buď změnit grafiku nebo zajistit jiný způsob, jak informaci získat. Obvykle bývá nejvhodnějším způsobem popis přímo v textu. |
+|Červená a zelená barva mohou být pro návštěvníka webu nerozlišitelné.| Obvykle to není problém, kromě případů, kdy barva sděluje důležitou informaci. V tom případě je nutné změnit grafiku nebo zajistit jiný způsob, jak je možné informaci získat. Obvykle bývá nejvhodnějším způsobem popis přímo v textu. |
-|Pro návštěvníka webu mohou být nerozlišitelné jiné barvy, než červená a zelená| Viz výše. |
+|Pro návštěvníka webu mohou být nerozlišitelné jiné barvy než červená a zelená.| Viz výše. |
 Přehled opatření pro osoby se zrakovým postižením je z větší části převzat z portálu [[https://webaim.org/articles/visual/blind|WEBAIM]].
-===== Osoby se sluchovým postižením =====
+===== Uživatelé se sluchovým postižením =====
 ^Problém ^Řešení ^
-|Lidé se sluchovým postižením nemohou vnímat výstražné informace nebo informace o chybách prezentované zvukem,|Zajistěte, aby informace o problémech při práci s webovou stránkou byly jasné a vnímatelné i bez zvukových signálů.|
+|Lidé se sluchovým postižením nemohou vnímat výstražné informace nebo informace o chybách prezentované zvukem.|Zajistěte, aby informace o problémech při práci s webovou stránkou byly jasné a vnímatelné i bez zvukových signálů.|
-|Lidé se sluchovým postižením nemohou vnímat zvukový obsah multimediálních informací.|Poskytněte uživatelům [[pristupnost:multimedialni_obsah#alternativni_formy_multimedialnich_informaci|alternativní formu multimediálních informací]]. Zvukové nahrávky doplňte odkazem na přepis. Videonahrávky opatřete titulky a(nebo)přepisem|
+|Lidé se sluchovým postižením nemohou vnímat zvukový obsah multimediálních informací.|Poskytněte uživatelům [[pristupnost:multimedialni_obsah#alternativni_formy_multimedialnich_informaci|alternativní formu multimediálních informací]]. Zvukové nahrávky doplňte odkazem na přepis. Videonahrávky opatřete titulky a/nebo přepisem|
-|Zvuky na pozadí webové stránky mohou nedoslýchavým lidem zhoršovat možnost sluchového vnímání nebo pro ně být nepříjemné.|Pokud můžete, vyhněte se automatickému přehrávání zvuků nebo alespoň informujte neslyšící uživatele, že stránka obsahuje hudbu nebo jiné zvuky na pozadí a dejte jim možnost veškeré zvuky vypnout či zapnout.|
+|Zvuky na pozadí webové stránky mohou nedoslýchavým lidem zhoršovat možnost sluchového vnímání nebo pro ně být nepříjemné.|Pokud můžete, vyhněte se automatickému přehrávání zvuků nebo alespoň informujte neslyšící uživatele, že stránka obsahuje hudbu nebo jiné zvuky na pozadí, a dejte jim možnost veškeré zvuky vypnout či zapnout.|
-|Člověk s poruchou sluchu si nemusí být vědom žádných zvuků na pozadí a může se tak dostat do nepříjemných situací tím, že nevědomky ruší okolí.|Pokud můžete, vyhněte se automatickému přehrávání zvuků nebo alespoň informujte neslyšící uživatele, že stránka obsahuje hudbu nebo jiné zvuky na pozadí a dejte jim možnost veškeré zvuky vypnout či zapnout.|
+|Člověk s poruchou sluchu si nemusí být vědom žádných zvuků na pozadí a může se tak dostat do nepříjemných situací tím, že nevědomky ruší okolí.|Pokud můžete, vyhněte se automatickému přehrávání zvuků nebo alespoň informujte neslyšící uživatele, že stránka obsahuje hudbu nebo jiné zvuky na pozadí a dejte jim možnost veškeré zvuky vypnout a opětovně zapnout.|
-|Někteří lidé se sluchovým postižením mohou mít také zrakové či jiné potíže|Dbejte na to, aby veškeré informace na webových stránkách, včetně přepisů zvukových stop, titulků či piktogramů byly čitelné a měly měly dostatečný kontrast, viz [[pristupnost:funkcni_grafika_webu]].|
+|Někteří lidé se sluchovým postižením mohou mít také zrakové či jiné potíže.|Dbejte na to, aby veškeré informace na webových stránkách, včetně přepisů zvukových stop, titulků či piktogramů, byly čitelné a měly měly dostatečný kontrast, viz [[pristupnost:funkcni_grafika_webu|Funkční grafika webu]].|
-===== Osoby se tělesným postižením a poruchami hybnosti =====
+===== Uživatelé s tělesným postižením =====
 ^Problém ^Řešení ^
-|Některé uživatelé nemohou používat myš.|Zajistěte, aby všechny funkce byly dostupné z klávesnice (vyzkoušejte přeskoky na všechny odkazy pomocí klávesy tab).|
+|Někteří uživatelé nemohou používat myš.|Zajistěte, aby všechny funkce byly dostupné z klávesnice (vyzkoušejte přeskoky na všechny odkazy pomocí klávesy tab).|
-|Pro uživatele může být obtížné ovládat myš a klávesnici.|Zajistěte, aby vaše stránky byly chráněny proti nechtěným chybám (např. dotazem Opravdu chcete smazat tento soubor?). Nevytvářejte malé odkazy nebo pohyblivé odkazy.|
+|Pro uživatele může být obtížné ovládat myš a klávesnici.|Zajistěte, aby vaše stránky byly chráněny proti nechtěným chybám (např. dotazem "Opravdu chcete smazat tento soubor?"). Nevytvářejte malé nebo pohyblivé odkazy.|
 |Uživatelé mohou používat software ovládaný hlasem.|Software ovládaný hlasem napodobí funkce klávesnice, ale obtížně napodobí funkce myši. Zajistěte, aby všechny funkce byly dostupné z klávesnice.|
 |Užívání některých asistivních technologií může být vyčerpávající (např. ovládání pomocí dechu).|Nabídněte uživatelům možnost přeskočit dlouhé seznamy odkazů nebo jiný dlouhý obsah.|
@@ Řádek 53: / Řádek 53: @@
 ===== Uživatelé s poruchami kognitivních funkcí =====
 ^Problém^Řešení^
-|Lidé s poruchami paměti mohou mít problém s delšími nebo složitějšími procesy,| Zajistěte, aby akce, které uživatelé na webu provádějí byly co nejjednodušší. Delší procesy rozdělte do jednotlivých kroků na samostatné stránce. Poskytněte uživatelům vodítko, ve které částí procesu se nacházejí. Umožněte jim vrátit se k předchozím krokům. |
+|Lidé s poruchami paměti mohou mít problém s delšími nebo složitějšími procesy.| Zajistěte, aby akce, které uživatelé na webu provádějí byly co nejjednodušší. Delší procesy rozdělte do jednotlivých kroků na samostatných stránkách. Poskytněte uživatelům vodítko, ve které částí procesu se nacházejí. Umožněte jim vrátit se k předchozím krokům. |
-|Uživatelé si nemusí pamatovat hromadné informace o chybně vyplněných polích formuláře.| Poskytněte uživatelům smysluplnou informaci o každé jednotlivé chybě, specifikujte pole a typ problému, chybná zvýrazněte také vizuálně.|
+|Uživatelé si nemusí pamatovat hromadné informace o chybně vyplněných polích formuláře.| Poskytněte uživatelům smysluplnou informaci o každé jednotlivé chybě, specifikujte pole a typ problému; chybová hlášení zvýrazněte také vizuálně.|
-|Pro některé uživatelé s poruchami kognitivních funkcí může být obtížné řešit složitější problémy.| Zajistěte, aby prvek CAPTCHA neobsahoval otázky nebo úkoly vyžadující využití vysoké úroveň kognitivních dovedností. V hlášení o chybách používejte srozumitelný (netechnický) jazyk. Pro zástupné texty odkazů, zejména v navigaci, používejte formulace, kterým uživatel rozumí a dovede si představit, kam ho odkaz přivede.|
+|Pro některé uživatelé s poruchami kognitivních funkcí může být obtížné řešit složitější problémy.| Zajistěte, aby prvek [[https://cs.wikipedia.org/wiki/CAPTCHA|CAPTCHA]] neobsahoval otázky nebo úkoly vyžadující využití vysoké úrovně kognitivních dovedností. V hlášení o chybách používejte srozumitelný (netechnický) jazyk. Pro zástupné texty odkazů, zejména v navigaci, používejte formulace, kterým uživatel rozumí a u kterých si dovede představit, kam odkaz vede.|
-|Někteří uživatelé webu mají problém soustředit se a dokončit činnost, pokud jsou vyrušeni.| Omezte používání tzv. karuselů, pohyblivých obrázků na stránce, vyskakovacích oken apod. Používejte funkční design stránek. Používejte seznamy.|
+|Někteří uživatelé webu mají problém se soustředit a dokončit činnost, pokud jsou vyrušeni.| Omezte používání tzv. karuselů, pohyblivých obrázků na stránce, vyskakovacích oken apod. Používejte funkční design stránek. Používejte seznamy.|
-|Někteří uživatelé webu mají problém vnímat psaný text.| Formulujte informace jednoduše a srozumitelně. Používejte funkční design. Důležité informace vhodně [[pristupnost:obrazky#jake_obrazky_vybirat|doplňujte grafikou]] (obrázky, ikonami), videi, audionahrávkami.|
+|Někteří uživatelé webu mají problém s vnímáním psaného textu.| Formulujte informace jednoduše a srozumitelně. Používejte funkční design. Důležité informace vhodně [[pristupnost:obrazky#jake_obrazky_vybirat|doplňujte grafikou]] (obrázky, ikonami), videi, audionahrávkami.|
-|Někteří uživatelé webu mají problémy s porozuměním textu| Formulujte informace jednoduše a srozumitelně. Nepoužívejte přenesená vyjádření ((např. ironii, nadsázku). Důležité informace vhodně [[pristupnost:obrazky#jake_obrazky_vybirat|doplňujte grafikou]] (obrázky, ikonami), videi, audionáhrávkami. Nepředpokládejte, že uživatel zná odborné termíny, zkratky apod.|
+|Někteří uživatelé webu mají problém s porozuměním textu.| Formulujte informace jednoduše a srozumitelně. Nepoužívejte přenesená vyjádření (např. ironii, nadsázku). Důležité informace vhodně [[pristupnost:obrazky#jake_obrazky_vybirat|doplňujte grafikou]] (obrázky, ikonami), videi, audionáhrávkami. Nepředpokládejte, že uživatel zná odborné termíny, zkratky apod.|
-|Někteří uživatelé mohou mít problémy se zpracováním vizuálních informací.|Nespoléhejte pouze na vizuální prvky sdělení jako jsou obrázky, umístění prvku, barva, typografické prvky apod.|
+|Někteří uživatelé mohou mít problém se zpracováním vizuálních informací.|Nespoléhejte pouze na vizuální prvky sdělení, jako jsou obrázky, umístění prvku, barva nebo typografické prvky.|
-Tabulka volně vychází z informací na portále [[https://webaim.org/articles/cognitive/design|WebAIM]]. ((https://webaim.org/articles/cognitive/design))
+Tabulka volně vychází z informací na portálu [[https://webaim.org/articles/cognitive/design|WebAIM]].
-===== Osoby citlivé na světelné a optické podněty =====
+===== Uživatelé citliví na světelné a optické podněty =====
 ^Problém ^Řešení^
 |Blikající či pulzující objekty nebo záblesky mohou citlivým uživatelům webu způsobit fotoepileptické záchvaty, závratě a jiné potíže.| Vyhněte se na webových stránkách rychle blikajícím nebo pulzujícím prvkům, videím nebo videohrám. Z videí odstraňte sekvence, které rychlé blikání nebo záblesky obsahují. Pokud to není možné, upozorněte uživatele, že je video nevhodné pro citlivé osoby. Zmenšete plochu obrazovky, na které se video přehrává.|
-| Některé typy animací nebo obrázků mohou uživatelům způsobit závratě, nauseu, zvracení nebo záchvaty.| Vyhněte se rychle pulzujícím animacím, pohyblivým objektům na pozadí, automatickému rolování delšímu než tři vteřiny, rychlým změnám karuselů. Umožněte uživatelům zastavit jakékoliv animace a pohyblivé prvky. \\ Nepoužívejte na webu obrázky, které působí dojem pohybu a podobné optické iluze, nebo je vkládejte formou odkazu a upozorněte uživatele, že otevření obrázku je nevhodné pro citlivé osoby.|
+| Některé typy animací nebo obrázků mohou uživatelům způsobit závratě, nevolnost, zvracení nebo záchvaty.| Vyhněte se rychle pulzujícím animacím, pohyblivým objektům na pozadí, automatickému rolování delšímu než tři vteřiny, rychlým změnám karuselů. Umožněte uživatelům zastavit jakékoliv animace a pohyblivé prvky. \\ Nepoužívejte na webu obrázky, které působí dojmem pohybu, a podobné optické iluze nebo je vkládejte formou odkazu a upozorněte uživatele, že otevření obrázku je pro citlivé osoby nevhodné.|
 <-citlivost_na_svetelne_a_opticke_podnety|7. Citlivost na světelné a optické podněty^obsah|Obsah^knihovny_a_pristupnost|9. Knihovny a přístupnost->

Přístupné webové stránky

Uživatelské nástroje

Nástroje pro tento web

Rozdíly

Nástroje pro stránku