Rozdíly

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

--- pristupnost:ovladani_webu [2020/08/26 16:41] – eva
+++ pristupnost:ovladani_webu [2020/10/10 12:19] (aktuální) – [Navigace] eva
@@ Řádek 2: / Řádek 2: @@
-Webové stránky předpokládají interaktivitu uživatele. Uživatel otevírá odkazy, vyplňuje formuláře, potvrzuje různé akce pomocí tlačítek, pouští a zastavuje multimediální obsah vložený na stránku apod. Aby tato interakce mohla probíhat, je nutné, aby všechny aktivní prvky na webové stránce byly funkční a aby se uživatel mohl na webu i na stránce bez problémů orientovat i pohybovat za pomocí srozumitelné a funkční navigace. Problematice odkazů, která k ovládání webu neodmyslitelně patří,  je věnována [[pristupnost:odkazy|samostatná kapitola]].
+Webové stránky předpokládají interaktivitu uživatele. Uživatel otevírá odkazy, vyplňuje formuláře, potvrzuje různé akce pomocí tlačítek, pouští a zastavuje multimediální obsah vložený na stránku apod. Aby tato interakce mohla probíhat, je nutné, aby všechny aktivní prvky na webové stránce byly funkční a aby se uživatel mohl na webu i na stránce bez problémů orientovat i pohybovat za pomocí srozumitelné a funkční navigace.
+<WRAP center tip>
+Problematice odkazů, která k ovládání webu neodmyslitelně patří, je věnována [[pristupnost:odkazy|samostatná kapitola]].
+</WRAP>
@@ Řádek 9: / Řádek 12: @@
 ===== Ovladatelnost webu bez ohledu na uživatele a jeho zařízení =====
-Zdaleka ne všichni uživatelé dnes přistupují k webovým stránkám  z rozhraní počítače nebo notebooku. Značná část jich používá chytré telefony nebo tablety s nejrůznějším rozlišením.  Uživatelé s postižením potřebují různé asistivní technologie,  jako jsou odečítače obrazovky, braillské řádky, hardwarové či softwarové lupy aj.
+Zdaleka ne všichni uživatelé dnes přistupují k webovým stránkám z rozhraní stolního počítače nebo notebooku. Značná část jich používá chytré telefony nebo tablety s nejrůznějším rozlišením. Uživatelé s postižením používají různé asistivní technologie, jako jsou odečítače obrazovky, braillské řádky nebo hardwarové či softwarové lupy.
 <WRAP center important >
-Webová stránka musí být vždy ovladatelná a všechny informace musí být dostupné bez ohledu na to jaké jaké má uživatel technické možnosti nebo jaké používá vstupní zařízení, zda má zobrazené obrázky apod.
+Webová stránka musí být vždy ovladatelná a všechny informace musí být dostupné bez ohledu na to, jaké má uživatel technické možnosti nebo jaké používá vstupní zařízení, zda má zobrazené obrázky apod.
 </WRAP>
 ==== Ovladatelnost z klávesnice ====
-Přestože je běžné ovládat počítač pomocí myši, mnoho uživatelů webu [[pristupnost:redakcni_system_odkazy#proc_je_ovladani_odkazu_z_klavesnice_dulezite|myš z různých důvodů používat nemůže]]. Proto** všechny [[pristupnost:odkazy|odkazy]], [[pristupnost:formulare|formuláře]] případně  další aktivní prvky musí být ovladatelné pomocí klávesnice**. Nesmí se stát, že uživatel, který myš nepoužívá, se nedostane na nějaký odkaz, že nemůže vyplnit nebo odeslat vyplněný formulář apod.
-Všechny základní funkce a informace musí být **dostupné také s vypnutými styly nebo skripty**(viz též [[pristupnost:odkazy#ovladani_odkazu_z_klavesnice|ovládání odkazů z klávesnice]]).
+Přestože je běžné ovládat počítač pomocí myši, řada uživatelů webu [[pristupnost:manual_zastupny_text_odkazu#proc_je_ovladani_odkazu_z_klavesnice_dulezite|myš z různých důvodů používat nemůže]]. Proto** všechny [[pristupnost:odkazy|odkazy]], [[pristupnost:formulare|formuláře]], případně další aktivní prvky musí být ovladatelné pomocí klávesnice**. Nesmí se stát, že se uživatel, který myš nepoužívá, nedostane na nějaký odkaz, že nemůže vyplnit nebo odeslat vyplněný formulář apod.
+Všechny základní funkce a informace musí být **dostupné také s vypnutými styly nebo skripty** (viz též [[pristupnost:odkazy#ovladani_odkazu_z_klavesnice|Ovládání odkazů z klávesnice]]).
 ==== Zobrazení stránek a jejich obsahu ====
-<WRAP center  important>
+<WRAP center important>
 Webové stránky a veškerý jejich obsah musí být možné zobrazit bez ohledu použité výstupní zařízení, zvětšení stránky nebo její orientaci. Informace by měly být dostupné i bez rozlišení barev a bez vizuálního vnímání.
 </WRAP>
@@ Řádek 31: / Řádek 34: @@
-**Je potřeba zajistit především:**
+**Především je třeba zajistit, aby:**
-  * aby uživatel měl možnost stránku **zvětšovat podle své potřeby**, aniž by došlo ke ztrátě čitelnosti a funkčnosti,
+  * uživatel měl možnost stránku **zvětšovat podle své potřeby**, aniž by došlo ke ztrátě čitelnosti a funkčnosti;
-  * aby se stránka přizpůsobila použitému zařízení tak, **aby nebylo nutné horizontální posouvání obsahu**,
+  * se stránka přizpůsobila použitému zařízení tak, **aby nebylo nutné horizontální posouvání obsahu**;
-  * aby se uživateli **zobrazila celá informace nebo celý obrázek**,
+  * se uživateli **zobrazila celá informace nebo celý obrázek**;
-  * aby všechny informace byly čitelné i na zařízení s malým rozlišením, malým displejem nebo při velkém zvětšení stránky (pozor např. na useknuté obrázky, obrázky zakrývající část obsahu, useknutý text, který nejde posouvat apod.,
+  * všechny informace byly čitelné i na zařízení s malým rozlišením, malým displejem nebo při velkém zvětšení stránky (pozor např. na useknuté obrázky, obrázky zakrývající část obsahu nebo useknutý text, který nejde posouvat);
-  * aby informace byly **[[pristupnost:formatovani_textu|dobře čitelné]]**,
+  * informace byly **[[pristupnost:pismo_a_formatovani_textu|dobře čitelné]]**;
-  * aby informace byly **dostupné i když má uživatel vypnuté obrázky** (tj. aby se na stránce nevyskytoval text formou obrázků, aby obrázky měly vhodné alternativní popisky apod.).
+  * informace byly **dostupné, i když má uživatel vypnuté obrázky** (tj. aby se na stránce nevyskytoval text formou obrázků, aby obrázky měly vhodné alternativní popisky apod.).
-<WRAP center round info>
+<WRAP center info>
 ==== Proč je možnost zvětšování a přizpůsobení stránky velikosti důležitá ====
-Dávno jsou pryč doby, kdy si uživatelé zobrazovali stránky jen na monitoru počítače. Většina návštěvníků se dnes k webovým stránkám dostává pomocí mobilních zařízení, které mají různé rozměry a rozlišení, některá z nich (jako čtečky s elektronickým papírem) jsou pouze černobílé. Návštěvníci webu se zrakovým postižením požívají harwarové nebo softwarové lupy, speciální mobilní telefony, odečítače obrazovky nebo braillské řádky.
+Dávno pryč jsou doby, kdy si uživatelé zobrazovali stránky jen na monitoru stolního počítače nebo notebooku. Značná část návštěvníků se dnes k webovým stránkám dostává pomocí mobilních zařízení, které mají různé rozměry a rozlišení, některá z nich (např. čtečky s elektronickým papírem) jsou pouze černobílé. Návštěvníci webu se zrakovým postižením požívají hardwarové nebo softwarové lupy, speciální mobilní telefony, odečítače obrazovky nebo braillské řádky.
 </WRAP>
@@ Řádek 51: / Řádek 54: @@
-===== Navigace  =====
+===== Navigace =====
-Navigace je základem pro ovládání webu a orientaci na něm. Aby byla navigace skutečně funkční, je  nutné se zaměřit zejména na tyto oblasti:
+Navigace je základem pro ovládání webu a orientaci na něm. Aby byla navigace skutečně funkční, je nutné se zaměřit zejména na tyto oblasti:
-  * Navigace musí být **srozumitelná**. Přemýšlejte o tom, čemu rozumí návštěvníci vašeho webu. Nepředpokládejte, že vědí, to co víte vy, že znají termíny, které používáte, že rozumí stejným zkratkám jako vy. Pozor si dejte zejména na "knihovnické" výrazy a zkratky (např. MVS, apod.).
+  * Navigace musí být **srozumitelná**. Přemýšlejte o tom, čemu rozumí návštěvníci vašeho webu. Nepředpokládejte, že vědí to, co víte vy, že znají termíny, které používáte, že rozumí stejným zkratkám jako vy. Pozor si dejte zejména na knihovnické výrazy a zkratky (např. MVS).
-  * Navigace musí být logická. Promyslete **vhodnou strukturu webu a navigace**. Přemýšlejte, jak uvažují návštěvníci Vašeho webu.
+  * Navigace musí být logická. Promyslete **vhodnou strukturu webu a navigace**. Přemýšlejte, jak uvažují návštěvníci vašeho webu.
   * Navigace musí být konzistentní a na všech stránkách musí být **zobrazena na stejném místě stránky**.
-  * **Nespoléhejte na to, že uživatel přijde na váš web z hlavní stránky**. Poskytněte mu možnost zorientovat se ve struktuře pomocí tzv. drobečkové navigace, tj. cesty od stránky, kde se uživatel právě nachází, k domovské stránce.
+  * **Nespoléhejte na to, že uživatel přijde na váš web z hlavní stránky**. Poskytněte mu možnost zorientovat se ve struktuře pomocí tzv. drobečkové navigace, tedy cesty od stránky, kde se uživatel právě nachází, k domovské stránce.
   * Poskytněte uživateli **zkratku k důležitým stránkám a informacím** pomocí rychlých odkazů (kontakt, registrace, knihovní řád, přihlášení do čtenářského konta apod.).
   * Poskytněte zkratky ke službám také uživatelům se specifickými potřebami.
   * Poskytněte uživatelům odečítačů obrazovky **odkaz s možností přeskoku na důležité části webu** (např. vynechání navigace a skok na hlavní obsah). Tyto odkazy jsou obvykle pro běžné uživatele webu neviditelné, takže je nijak neobtěžují.
-  * Zajistěte, aby **všechny úrovně menu byly dostupné z klávesnice** (bez použití myši). Častou chybou mnoha webů bývá rozbalovací menu, které se však při ovládání pomocí klávesnice nerozbalí, takže se uživatel nedostane k položkám nižší úrovně.
+  * Zajistěte, aby **byly všechny úrovně menu dostupné z klávesnice** (bez použití myši). Častou chybou bývá rozbalovací menu, které se však při ovládání pomocí klávesnice nerozbalí. Uživatel se v takovém případě k položkám nižší úrovně vůbec nedostane.
-  * Zajistěte, **aby uživatelé, kteří ovládají váš web pomocí klávesnice, nemuseli v menu procházet všechny položky vnořené pod položky hlavního menu**. \\  //Například obrázek 1 zobrazuje menu na webu Ministerstva práce a sociálních věci (stav k 1.5.2020), viz https://www.mpsv.cz/. Uživatel je při ovládání menu z klávesnice nucen projít všechny vnořené položky hlavního menu, takže pokud se chce dostat k položce Kontakt, musí projít všechny položky umístěné ve struktuře pod položky "Průvodce", "Ministerstvo", "Působnost MPSV" atd. (jde o několik desítek položek). // \\ {{:pristupnost:vnorene_menu.png|Obrázek 1 - Ukázka menu na wbu MPSV}}
+  * Zajistěte, **aby uživatelé, kteří web ovládají pomocí klávesnice, nemuseli v menu procházet všechny položky vnořené pod položky hlavního menu**. \\  Např. obr. 1 zobrazuje menu na [[https://www.mpsv.cz/|webu Ministerstva práce a sociálních věcí ČR]]. Uživatel je při jeho ovládání z klávesnice nucen projít všechny vnořené položky, takže pokud se chce dostat k položce Kontakt, musí projít všechny položky umístěné ve struktuře pod položkami Průvodce, Ministerstvo, Působnost MPSV atd. (jde o několik desítek položek). \\
+{{:pristupnost:vnorene_menu.png?1100|Obr. 1: Menu na webu Ministerstva práce a sociálních věcí ČR}} \\
+//Obr. 1: Menu na webu Ministerstva práce a sociálních věcí ČR ([[https://www.mpsv.cz/|Ministerstvo práce a sociálních věcí ČR]], získáno 2020-05-01)//
-<WRAP center round tip>
+<WRAP center  tip>
-**Příklad dobře promyšlené navigace** i rozbalovacího menu, které je bez problémů dostupné z klávesnice, najdete např. [[https://www.svkos.cz/|na webu Moravskoslezské vědecké knihovny v Ostravě.]] (stav k 1.5.2020).
+**Příklad dobře promyšlené navigace** i rozbalovacího menu, které je bez problémů dostupné z klávesnice (pomocí klávesy tab, šipek a klávesy enter), najdete např. [[https://www.svkos.cz/|na webu Moravskoslezské vědecké knihovny v Ostravě]] (hodnocen byl stav k 1. 5. 2020).
-Všimněte si, že při  ovládání z klávesnice (pomocí tabelátoru) se v horní části zobrazí odkaz s možností přeskoku na hlavní obsah.
+Všimněte si, že při ovládání z klávesnice se v horní části zobrazí odkaz s možností přeskoku na hlavní obsah.
 </WRAP>
+<-vkladani_informaci_na_web|17. Vkládání informací na web^obsah|Obsah^odkazy|18. Odkazy->

Přístupné webové stránky

Uživatelské nástroje

Nástroje pro tento web

Rozdíly

Nástroje pro stránku