Uživatelské nástroje

Nástroje pro tento web


pristupnost:odkazy

Rozdíly

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

Odkaz na výstup diff

Obě strany předchozí revizePředchozí verze
Následující verze
Předchozí verze
pristupnost:odkazy [2020/09/14 16:06] lindapristupnost:odkazy [2023/11/06 17:35] (aktuální) epub
Řádek 1: Řádek 1:
 ====== -#18 Odkazy ====== ====== -#18 Odkazy ======
-U základů webu stojí hypertextové odkazy.((To je zřejmé i z toho, že se termín hypertext dostal do názvu jazyka HTML: Hypertext Markup Language.))). Bez nadsázky se dá říci, že jsou základním ovládacím prvkem webu. Jsou součástí navigace, propojují jednotlivé části webu navzájem, propojují web s externími zdroji, spouští uživatelské akce apod. Proto je přístupnost odkazů klíčovým aspektem přístupnosti celého webu. Přístupnost odkazů zahrnuje jejich bezproblémové ovládání nezávisle na používaném zařízení, vzhled odkazůjejich srozumitelnost i další aspekty.+Základem webu jsou hypertextové odkazy.((To je zřejmé i z toho, že se termín hypertext dostal do názvu jazyka HTML: HyperText Markup Language.)) Bez nadsázky se dá říci, že jsou hlavním ovládacím prvkem webu. Jsou součástí navigace, navzájem propojují jednotlivé části webu, propojují web s externími zdroji, spouští uživatelské akce apod. Proto je jejich přístupnost klíčovým aspektem přístupnosti celého webu. Zahrnuje jejich bezproblémové ovládání nezávisle na používaném zařízení, jejich vzhled, srozumitelnost i další aspekty.
  
 ===== Ovládání odkazů z klávesnice ===== ===== Ovládání odkazů z klávesnice =====
-Většina z nás používá k ovládání odkazů myš. Někteří uživatelé však nemohou myš používat, proto je důležité, aby odkazy byly přístupné i tehdy, když uživatel používá pouze klávesnici.+Většina z nás k ovládání odkazů používá myš. Někteří uživatelé však myš používat nemohou. Proto je důležité, aby odkazy byly přístupné i prostřednictvím klávesnice.
  
 <WRAP center tip > <WRAP center tip >
-Uživatelé, kteří z různých důvodů nemohou myš používat, namísto ní ve většině případů využívají klávesnici. V některých případech jde o speciální typ klávesnice, např. klávesnici s velkými tlačítkyklávesnici uzpůsobenou pro ovládání jednou rukou.((Existují také uživatelé, kteří počítač ovládají alternativním vstupním zařízením, napřtyčinkou v ústech, pohyby hlavy, očima apod.))Webové prohlížeče jsou nastaveny tak, že stisknutím klávesy **tab** se kurzor přesune na následující odkaz (případně na jiný aktivní prvek, např. pole formuláře). +Uživatelé, kteří z různých důvodů nemohou myš používat, místo ní ve většině případů využívají klávesnici. V některých případech jde o speciální typ klávesnice, např. klávesnici s velkými tlačítky nebo klávesnici uzpůsobenou pro ovládání jednou rukou.((Existují rovněž uživatelé, kteří počítač ovládají alternativním vstupním zařízením, napřtyčinkou v ústech, pohyby hlavy, očima apod.)) Webové prohlížeče jsou nastaveny tak, že stisknutím klávesy tab se kurzor přesune na následující odkaz (případně na jiný aktivní prvek, např. pole formuláře). 
-Odkazy jsou při použití klávesnice procházeny postupně, v pořadí, jak se nacházejí na stránce. Pokud je odkaz dostupný pouze pomocí myši, nemohou jej používat lidé, kteří z různých důvodů myš používat nemohou.+ 
 +Odkazy jsou při použití klávesnice procházeny postupně, v pořadí, v němž se nacházejí na stránce. Pokud je odkaz dostupný pouze pomocí myši, lidé, kteří ji z různých důvodů používat nemohou, se k němu vůbec nedostanou.
 </WRAP> </WRAP>
  
 Mezi nejčastější problémy patří: Mezi nejčastější problémy patří:
-  * Nedostupnost druhé úrovně rozbalovacího menu: Uživatel se sice dostane na první úroveň menu, ale vnořené položky jsou pro něj z klávesnice nedostupné. +  * **nedostupnost druhé úrovně rozbalovacího menu** – uživatel se sice dostane na první úroveň menu, ale vnořené položky jsou pro něj z klávesnice nedostupné; 
-  * Nedostupnost některých oblastí webu: Při postupném přecházení mezi odkazy se uživatel bez použití myši nedostane do některé z oblastí (bloku) stránky, takže odkazy anebo tlačítka ke spuštění akcí, které jsou této oblasti uvedeny, nemůže využítjsou pro něj nedostupné. +  * **nedostupnost některých oblastí webu** – při postupném přecházení mezi odkazy se uživatel bez použití myši nedostane do některé části stránky, takže odkazy anebo tlačítka ke spouštění akcí, které se ní nacházejí, nemůže využít – jsou pro něj nedostupné; 
-  * "Past" ze které se uživatel nedostane ven: Kvůli chybnému kódu apod. se uživatel dostane na nějaký prvek stránky, pomocí kláves nebo jejich kombinací se však nedostane ani vpřed ani zpět.+  * **tzv. past**, ze které se uživatel nedostane ven – kvůli chybnému kódu apod. se uživatel dostane na nějaký prvek stránky, pomocí kláves nebo jejich kombinací se však nedostane vpřed ani zpět.
 <WRAP center info> <WRAP center info>
  
Řádek 19: Řádek 20:
 ==== Proč je ovládání odkazů z klávesnice důležité ==== ==== Proč je ovládání odkazů z klávesnice důležité ====
 Někteří uživatelé nemohou používat myš. Jde např. o: Někteří uživatelé nemohou používat myš. Jde např. o:
-  * nevidomé uživatele, kteří pro pohyb na webové stránce používají odečítač obrazovky v kombinaci s klávesnicí, +  * nevidomé uživatele, kteří pro pohyb na webové stránce používají odečítač obrazovky v kombinaci s klávesnicí; 
-  * slabozraké uživatele, pro které je obtížené se trefit na konkrétní místo na stránce, +  * slabozraké uživatele, pro které je obtížné se trefit na konkrétní místo na stránce; 
-  * lidi s tělesným postižením, kteří z nejrůznějších důvodů nemohou používat horní končetiny (včetně lidí po úraze, kteří mají ruku v sádře +  * lidi s tělesným postižením, kteří z nejrůznějších důvodů nemohou používat horní končetiny (včetně lidí po úraze, kteří mají ruku v sádře); 
-  * lidi s poruchami jemné motoriky, s třasem rukou apod., +  * uživatele s poruchami jemné motoriky, s třasem rukou apod.; 
-  * někdy jde také o lidi, kteří sice myš používat mohou, ale třeba neradi používají touchpad na notebooku nebo jim prostě ovládání webu z klávesnice v některých případech připadá rychlejší a šikovnější.+  * někdy také uživatele, kteří sice myš používat mohou, ale třeba neradi používají touchpad na notebooku nebo jim prostě ovládání webu z klávesnice v některých případech připadá rychlejší a šikovnější.
 </WRAP> </WRAP>
  
 <WRAP center tip> <WRAP center tip>
-==== Kontrola funkčnosti odkazů při použití klávesnice ====+==== Jak zkontrolovat funkčnost odkazů při použití klávesnice ====
  
-Tvorba menu nebo správnost zdrojového kódu, která zaručí bezproblémový pohyb pomocí klávesnice je záležitost vývojářů či programátorů. Funkčnost odkazů si však můžete sami zkontrolovat+Tvorba menu nebo správnost zdrojového kódu, která zaručí bezproblémový pohyb pomocí klávesniceje záležitost vývojářů či programátorů. Funkčnost odkazů si však můžete zkontrolovat i sami: 
-  * Klávesou **tab** přesunete kurzor na další odkaz nebo aktivní prvek, +  * klávesou tab přesunete kurzor na další odkaz nebo aktivní prvek; 
-  * pomocí klávesy **enter** potvrzujete akce a otevíráte odkazy, +  * klávesou enter potvrzujete akce a otevíráte odkazy; 
-  * pomocí **šipek** se pohybujete po stránce, +  * pomocí šipek se pohybujete po stránce; 
-  * případně pomocí **mezerníku**, který umožňuje výběr možností ve formulářích.+  * mezerníkem vybíráte možnosti ve formulářích.
  
 </WRAP> </WRAP>
Řádek 42: Řádek 43:
  
 ===== Zvýraznění odkazů ===== ===== Zvýraznění odkazů =====
-Pro snadnější orientaci jsou odkazy na webové stránce zvýrazněny. Od samého vzniku webu byly odkazy zvýrazněny podtržením a tento způsob přetrvává ve výchozím nastavení prohlížečů i nyní a většina uživatelů podtržený text okamžitě chápe jako odkaz. Bohužel se však v poslední době (údajně z estetických důvodů) na mnoha webech setkáváme tím, že je odkaz odlišen od okolního textu pouze barevně, případně v kombinaci s tučným řezem písma.+Pro snadnější orientaci jsou odkazy na webové stránce zvýrazněny. Od samého vzniku webu byly odkazy zvýrazněny podtržením a tento způsob přetrvává ve výchozím nastavení prohlížečů i nyní. Většina uživatelů tedy podtržený text okamžitě chápe jako odkaz. Bohužel se však v poslední době (údajně z estetických důvodů) na mnohých webech setkáváme tím, že je odkaz odlišen od okolního textu pouze barevně, případně v kombinaci s tučným řezem písma.
  
 Pokud můžete, zvýrazněte odkazy podtržením, protože tak jsou jednoznačně odlišitelné od okolního textu a uživatel je nemusí hledat. Podtržení je možné kombinovat také s barevným zvýrazněním odkazu. Pokud můžete, zvýrazněte odkazy podtržením, protože tak jsou jednoznačně odlišitelné od okolního textu a uživatel je nemusí hledat. Podtržení je možné kombinovat také s barevným zvýrazněním odkazu.
Řádek 49: Řádek 50:
 ==== Proč je důležité odlišit odkazy podtržením ==== ==== Proč je důležité odlišit odkazy podtržením ====
  
-Odlišení odkazu od okolního textu pouze odlišnou barvou komplikuje identifikaci odkazu lidem s poruchami barvocitu nebo s jiným zrakovým postižením, může být problematické také pro uživatele , kteří stránku používají na špatném displeji nebo za špatných světelných podmínek.+Odlišení odkazu od okolního textu pouze barvou komplikuje identifikaci odkazu lidem s poruchami barvocitu nebo s jiným zrakovým postižením. Může být problematické pro uživatele, kteří stránku používají na méně kvalitním displeji nebo za špatných světelných podmínek.
  
 Podtržený odkaz je dobře viditelný pro všechny uživatele, nejen pro uživatele se zrakovým postižením. To může přispět i k většímu využívání odkazů nebo prodloužit čas, který uživatel na webu stráví. Podtržený odkaz je dobře viditelný pro všechny uživatele, nejen pro uživatele se zrakovým postižením. To může přispět i k většímu využívání odkazů nebo prodloužit čas, který uživatel na webu stráví.
Řádek 57: Řádek 58:
 ==== Odlišení navštívených odkazů ==== ==== Odlišení navštívených odkazů ====
  
-Orientaci na stránce uživatelům zjednoduší také barevné odlišení odkazů, které již navštívili. Při výběru barev odkazů nezapomínejte na dostatečný poměr kontrastu odkazu jak vůči ostatnímu textu, tak vůči pozadí.+Orientaci na stránce uživatelům zjednoduší také barevné odlišení odkazů, které již navštívili. Při výběru barev odkazů nezapomínejte na dostatečný poměr kontrastu odkazu jak vůči ostatnímu textu, tak vůči pozadí.
  
-Minimálně doporučený poměr kontrastu barvy odkazu vůči barvě okolního textu je 3:1. Nezapomeňte, že barva odkazu musí být také dostatečně kontrastní vůči pozadí (minimální doporučený poměr kontrastu je 4,5:1).  +Minimální doporučený poměr kontrastu barvy odkazu vůči barvě okolního textu je 3:1. Nezapomeňte, že barva odkazu musí být také dostatečně kontrastní vůči pozadí (minimální doporučený poměr kontrastu je 4,5:1).  
-Ke kontrole barev odkazu můžete použít nástroj [[https://webaim.org/resources/linkcontrastchecker/|Link Contrast Checker]]+Ke kontrole barev odkazu můžete použít nástroj [[https://webaim.org/resources/linkcontrastchecker/|WebAIM Link Contrast Checker]].
  
 ==== Zvýraznění odkazu, na kterém je umístěn kurzor ==== ==== Zvýraznění odkazu, na kterém je umístěn kurzor ====
  
-Pokud uživatel ovládá web pomocí klávesnice a přesouvá kurzor pomocí klávesy **tab** na další odkaz, je pro něj důležité, aby věděl, na kterém odkazu se kurzor právě nachází. Proto je třeba takový odkaz zvýraznit. Ve výchozím nastavení většiny prohlížečů je odkaz, na kterém je kurzor umístěn, orámován tenkou modrou linkou, která je nevýraznáv horším případě ten, kdo web vytvářel, zvýraznění odstranil úplně. **Dostatečně zvýraznění odkazu, na kterém je umístěn kurzor, přitom uživatelům velmi zjednoduší orientaci na stránce i ovládání stránky.**+Pokud uživatel ovládá web pomocí klávesnice a přesouvá kurzor pomocí klávesy tab na další odkaz, je pro něj důležité, aby věděl, na kterém odkazu se kurzor právě nachází. Proto je třeba takový odkaz zvýraznit. Ve výchozím nastavení většiny prohlížečů je odkaz, na kterém je kurzor umístěn, orámován tenkou modrou linkou, která je nevýraznáv horším případě ten, kdo web vytvářel, zvýraznění odstranil úplně. **Dostatečné zvýraznění odkazu, na kterém je umístěn kurzor, přitom uživatelům velmi zjednoduší orientaci na stránce i ovládání stránky.**
 <WRAP center tip> <WRAP center tip>
-Ke zvýraznění odkazu s kurzorem se používá tzv. focus, který webový vývojář nastaví ve stylu stránky((Pro nastavení vzhledu webu se používají tzv. kaskádové styly (Cascading Style Sheets, CSS).))+Ke zvýraznění odkazu s kurzorem se používá tzv. focus, který webový vývojář nastaví ve stylu stránky((Pro nastavení vzhledu webu se používají kaskádové styly (Cascading Style Sheets, CSS).)).
 </WRAP> </WRAP>
  
  
-Příklad zvýraznění odkazu vidíte na snímku webové stránky se seznamy literatury (obr. 1). Kurzor je umístěn na odkaze "Etnické a menšinové skupiny", který je zvýrazněn hnědou barvou. Zdrojová stránka je dostupná na adrese https://knihovna.jabok.cz/cs/knihy-casopisy/seznamy-literatury.+Příklad zvýraznění odkazu vidíte na snímku webové stránky se seznamy literatury (obr. 1). Kurzor je umístěn na odkazu **Etnické a menšinové skupiny**, který je zvýrazněn hnědou barvou. Zdrojová stránka je dostupná na adrese https://knihovna.jabok.cz/cs/knihy-casopisy/seznamy-literatury.
  
-{{:pristupnost:focus.png|Obr. 1: Zvýraznění odkazu při procházení stránky pomocí klávesnice}} \\  +{{:pristupnost:focus.png?1100|Obr. 1: Zvýraznění odkazu při procházení stránky pomocí klávesnice}} \\  
-//Obr. 1: Zvýraznění odkazu při procházení stránky pomocí klávesnice//+//Obr. 1: Zvýraznění odkazu při procházení stránky pomocí klávesnice (zdroj: [[https://knihovna.jabok.cz/cs/knihy-casopisy/seznamy-literatury|Knihovna Jabok]], získáno 2020-05-19)//
  
  
 ===== Srozumitelnost zástupného textu odkazu ===== ===== Srozumitelnost zástupného textu odkazu =====
  
-Zástupný text odkazu (tj. to, jak se odkaz zobrazí v textu webové stránky) by měl sám o sobě jednoznačně vystihovat, kam odkaz vede a to i bez okolního kontextu (aniž by uživatel musel číst text okolo).+Zástupný text odkazu (tj. to, jak se odkaz zobrazí v textu webové stránky) by měl sám o sobě jednoznačně vystihovat, kam odkaz vedea to i bez okolního kontextu (aniž by uživatel musel číst text okolo).
  
-Pokud je to možné, nepoužívejte jako označení odkazu výrazy typu **zde**“ apod. Je-li totiž takových odkazů na stránce víc, stávají se nepřehledné. Velkou překážkou jsou zejména pro uživatele, kteří používají odečítač obrazovky a tudíž běžně nevidí okolní kontext odkazu.+Pokud je to možné, nepoužívejte jako označení odkazu výrazy typu **__zde__**. Je-li totiž takových odkazů na stránce víc, stávají se nepřehlednými. Velkou překážkou jsou zejména pro uživatele, kteří používají odečítač obrazovkya tudíž běžně nevidí okolní kontext odkazu.
  
-Velice často se zástupné texty typu "**__zde__**""**__Více zde__**""**__Pro více informací klikněte zde__**apod. objevují na webových stránkách v sekci aktuality (viz příklady na obr. 2 a 3).+Velice často se zástupné texty typu **__zde__**, **__Více zde__**, **__Pro více informací klikněte zde__** apod. objevují na webových stránkách v sekci aktuality (viz příklady na obr. 2 a 3).
  
 {{:pristupnost:odkazy_vice_zde.png|Obr. 2: Nesprávné použití nejednoznačného zástupného textu odkazu Více zde}} \\  {{:pristupnost:odkazy_vice_zde.png|Obr. 2: Nesprávné použití nejednoznačného zástupného textu odkazu Více zde}} \\ 
-//Obr. 2: Příklad nesprávně použitého zástupného textu "Více zde". Bez okolního kontextu uživatel nezjistí, čeho se odkaz týká (zdroj: http://www.oplany.cz/aktuality)// \\ +//Obr. 2: Nesprávné použití zástupného textu Více zde; bez okolního kontextu uživatel nezjistí, čeho se odkaz týká (zdroj: [[http://www.oplany.cz/aktuality|obec Oplany]], získáno 2020-05-15)// \\ 
  
  
-{{:pristupnost:odkazy-zjistit-vice.png|Obr. 3: Nesprávné použití nejednoznačných zástupných textů odkazu}} \\  +{{:pristupnost:odkazy-zjistit-vice.png|Obr. 3: Nesprávně použitý zástupný text ZJISTIT VÍCE}} \\  
-//Obr. 3: Příklad nesprávně použitého zástupného textu "zjistit více". Bez okolního kontextu uživatel neví, čeho se odkaz týká (zdroj: https://www.mpsv.cz/)// \\ +//Obr. 3: Nesprávně použitý zástupný text ZJISTIT VÍCE; bez okolního kontextu uživatel neví, čeho se odkaz týká (zdroj: [[https://www.mpsv.cz/|Ministerstvo práce a sociálních věcí ČR]], získáno 2020-05-15)// \\ 
  
-Odkazy na podrobnosti k jednotlivým aktualitám se však dají jednoduše řešit i jinak, např. tak, že odkazem vedoucím na detaily aktuality je název dané aktuality (viz obr. 4). Na něm je uveden příklad správně použitých zástupných textů odkazů na detaily aktualit, z nichž uživatel snadno zjistí, čeho se odkaz týká, aniž by musel číst související text.+Odkazy na podrobnosti k jednotlivým aktualitám se však dají jednoduše řešit i jinak, např. tak, že odkazem vedoucím na detaily aktuality je název dané aktuality. Na obr. 4 je uveden příklad správně použitých zástupných textů odkazů na detaily aktualit, z nichž uživatel snadno zjistí, čeho se odkazy týkají, aniž by musel číst související text.
  
 {{:pristupnost:odkazy-spravne.png|Obr. 4: Správně použité zástupné texty odkazů, které dávají smysl samy o sobě, tedy bez okolního textu}} \\  {{:pristupnost:odkazy-spravne.png|Obr. 4: Správně použité zástupné texty odkazů, které dávají smysl samy o sobě, tedy bez okolního textu}} \\ 
-//Obr. 4: Správně použité zástupné texty odkazů, které dávají smysl samy o sobě, tedy bez okolního textu (zdroj: https://knihovna.jabok.cz/cs)//+//Obr. 4: Správně použité zástupné texty odkazů, které dávají smysl samy o sobě, tedy bez okolního textu (zdroj: [[https://knihovna.jabok.cz/cs|Knihovna Jabok]], získáno 2020-05-15)//
  
  
-Dalšími případy bývají odkazy na různé oficiální dokumenty. Typický příkladem použití nevhodného zástupného textu je např. text+Dalšími případy bývají odkazy na různé oficiální dokumenty. Typickým příkladem použití nevhodného zástupného textu je např. věta
-"Informace o cenách služeb najdete **__zde__**.“ Zástupný text odkazu na dokumenty, třeba na ceník, však může být jednoduše řešen např. jedním z těchto způsobů: +"Informace o cenách služeb najdete **__zde__**.Zástupný text odkazu na dokumenty, napřna ceník, však může být jednoduše řešen např. jedním z těchto způsobů: 
-  * Podrobnosti o cenách služeb najdete **__v Ceníku__** +  * "Podrobnosti o cenách služeb najdete **__v Ceníku__**"; 
-  * Podrobnosti o ceně služeb viz **__Ceník__** +  * "Podrobnosti o ceně služeb viz **__Ceník__**"; 
-  * **__Ceník služeb__**+  * "**__Ceník služeb__**".
    
 <WRAP center tip > <WRAP center tip >
Řádek 111: Řádek 112:
  
 <WRAP center info> <WRAP center info>
-==== Proč je důležité aby odkazy dávaly smysl i bez okolního textu ====+==== Proč je důležitéaby odkazy dávaly smysl i bez okolního textu ====
  
-Odkaz označený jako „zde“ přestavuje velký problém pro ty, kdo používají odečítač obrazovky, a snaží se procházet stránku po odkazech“ . Pokud je pro zástupný text odkazů použit např. výraz "zde", uživatel opakovaně slyší odkaz zde, který mu však sám o sobě nic neřekne. +Odkaz označený výrazem "zdepřestavuje velký problém pro ty, kdo používají odečítač obrazovky, a snaží se procházet stránku po odkazech. Pokud je pro zástupný text odkazů použit např. výraz "zde", uživatel opakovaně slyší odkaz "zde", který mu však sám o sobě nic neřekne. 
  
-Nevhodné označení odkazů může komplikovat práci s webem také uživatelům s dalšími poruchami zraku, kteří sice s omezením vidí, ale je pro ně obtížné používat myš, a proto se pohybují po odkazech pomocí klávesy **tab**.+Nevhodné označení odkazů může komplikovat práci s webem také uživatelům s dalšími poruchami zraku, kteří sice s omezením vidí, ale je pro ně obtížné používat myš, a proto se po odkazech pohybují klávesou tab.
 </WRAP> </WRAP>
  
 ===== Odkaz na jiný web nebo dokument ===== ===== Odkaz na jiný web nebo dokument =====
  
-V některých případech je vhodné připojit k odkazu vysvětlení, kam odkaz vedezejména v případech, kdy+V některých případech je vhodné připojit k odkazu vysvětlení, kam odkaz vedezejména pokud
-  * jde o dokument ke stažení, jehož otevření je nutná další aplikace nebo program, +  * jde o dokument ke stažení, jehož otevření je nutná další aplikace nebo program; 
-  * odkaz směřuje na jinýexterní web. +  * odkaz směřuje na jiný (externíweb. 
-Někdy je tato informace ejmá z formulace ze zástupného textu, např.: +Někdy je cíl odkazu dostatečně ejmý z formulace ze zástupného textu, např.: 
-  * //"Informace k zákonu o přístupnosti na webu Ministerstva vnitra"// +  * "Informace k zákonu o přístupnosti na webu Digitální a informační agentury"; 
-  *// "Portál Knihovny.cz"// +  * "Portál Knihovny.cz"; 
-  *// "Sdílené album na Rajče.cz"// aj.+  * "Sdílené album na Rajče.cz".
  
-V ostatních případech je třeba připojit informace o externím zdroji jiným způsobem. Jde-li o dokument ke stažení (k jehož otevření je nutná jiná aplikace než webový prohlížeč), je nutné připojit také informaci o typu a velikosti dokumentu a to přímo do zástupného textu odkazu(nikoliv až za odkaz). Např.: +V ostatních případech je třeba přidat informace o externím zdroji. Jde-li o dokument ke stažení (k jehož otevření je nutná jiná aplikace než webový prohlížeč), je nutné přímo do zástupného textu odkazu (nikoliv až za odkaz) připojit informaci o typu a velikosti dokumentu. Např.: 
-  * //"E-knihovna MuniSpace (externí odkaz)"// +  * "E-knihovna MuniSpace (externí odkaz)"; 
-  * //"Zákon o přístupnosti webu a webových aplikací – odkaz na samostatný web"// +  * "Zákon o přístupnosti webu a webových aplikací – odkaz na samostatný web"; 
-  * //"Knihovní řád (PDF, 1,2 MB)//+  * "Knihovní řád (PDF, 1,2 MB)"; 
-  * //"Ceník služeb ve formátu PDF, 215 kB"// nebo //"Ceník služeb ve formátu DOCX, 250 kB//"+  * "Ceník služeb ve formátu PDF, 215 kB" nebo "Ceník služeb ve formátu DOCX, 250 kB".
  
-U některých webů může být u externích odkazů automaticky zobrazena ikona symbolizující, že jde o externí odkaz (většinou čtvereček se šipkou směřující vpravo nahoru, viz obr. 5). I v tomto případě je však třeba zajistit textovou variantu informace, např. ve formě [[pristupnost:redakcni_system_obrazky#textova_alternativa_obrazku_alternativni_popis |alternativního textu k obrázku]] (ten může být nastaven na úrovni redakčního systému). +U některých webů může být u externích odkazů automaticky zobrazena ikona symbolizující, že jde o externí odkaz (většinou čtvereček se šipkou směřující vpravo nahoru, viz obr. 5). I v tomto případě je však třeba zajistit textovou variantu informace, např. ve formě [[pristupnost:obrazky#alternativni_popis_obrazku_a_vlozenych_videi|alternativního textu k obrázku]] (ten může být nastaven na úrovni redakčního systému). 
-{{:pristupnost:external-link.png |Obr. 5: Ikona symbolizující otevření odkazu na externím webu}} \\ + 
 +{{:pristupnost:external-link.png|Obr. 5: Ikona symbolizující otevření odkazu na externím webu}} \\ \\ 
 //Obr. 5: Ikona symbolizující otevření odkazu na externím webu// //Obr. 5: Ikona symbolizující otevření odkazu na externím webu//
  
 <WRAP center tip> <WRAP center tip>
-==== Jak lze zjistit informace o velikosti souboru ve Windows ==== +==== Jak zjistit informace o velikosti souboru ve Windows ==== 
-  *  Ve Složce dokumentů (Průzkumník) po najetí myší nad ikonu souboru nebo v sekci Podrobnosti“ v levém navigačními sloupci. Informace se zde zobrazí při najetí myši na ikonu/název souboru, viz obr. 6). \\ {{:pristupnost:info_o_souboru.png |Obr. 6: Informace o souboru v Průzkumníku ve Windows}}//Obr. 6: Informace o souboru v Průzkumníku ve Windows//  +  *  Informaci o velikosti souboru zjistíte ve Složce dokumentů (Průzkumník) po najetí myší nad ikonu souboru nebo v sekci Podrobnosti v levém navigačním sloupci. Informace se zobrazí při najetí myši na ikonu/název souboru, viz obr. 6). \\ \\ {{:pristupnost:info_o_souboru.png|Obr. 6: Informace o souboru v Průzkumníku ve Windows}}\\ //Obr. 6: Informace o souboru v Průzkumníku ve Windows// \\ \\  
-  *  V programu Total Commander po označení souboru (např. klávesou Insert nebo kliknutím myši) zobrazí informace o velikosti označeného souboru v dolní liště panelu. Lze ji zobrazit také v nabídce Soubor“ Vlastnosti“ (viz obrázek 7) \\ {{:pristupnost:info_o_souboru_tc.png |Obr. 7: Zobrazení informace o velikosti souboru v programu Total Commander}}//Obr. 7: Zobrazení informace o velikosti souboru v programu Total Commander//+  *  V programu Total Commander se po označení souboru (např. klávesou insert nebo kliknutím myši) zobrazí informace o velikosti označeného souboru v dolní liště panelu. Lze ji zobrazit také v nabídce Soubor > Vlastnosti (viz obr. 7). \\ \\ {{:pristupnost:info_o_souboru_tc.png|Obr. 7: Informace o velikosti souboru v programu Total Commander}}\\ //Obr. 7: Informace o velikosti souboru v programu Total Commander//
  
 </WRAP> </WRAP>
Řádek 149: Řádek 151:
 ==== Proč je důležité uvést informace o odkazu na jiný web nebo dokument ==== ==== Proč je důležité uvést informace o odkazu na jiný web nebo dokument ====
  
-Informace o tom, že odkaz vede na jiný web nebo že jde o dokument ke stažení, je obzvláště důležitá pro uživatele s postižením zraku, kteří mají zhoršenou vizuální orientaci nebo kteří pracují s odečítačem obrazovky. Pro tyto uživatele může být obtížné zjistit, že byli prostřednictvím odkazu „přesunuti“ do jiného okna, a tudíž jim **nefunguje klávesa zpět**, nebo dokonce, že se dostali **na jiný web, který má jinou strukturu a odlišnou navigaci** apod., případně že se jim otevřela **jiná aplikace než webový prohlížeč**.+Informace o tom, že odkaz vede na jiný web nebo že jde o dokument ke stažení, je obzvláště důležitá pro uživatele s postižením zraku, kteří mají zhoršenou vizuální orientaci nebo kteří pracují s odečítačem obrazovky. Pro tyto uživatele může být obtížné zjistit, že se prostřednictvím odkazu dostali do jiného okna, a tudíž jim **nefunguje klávesa zpět**, nebo že se dostali **na jiný web, který má jinou strukturu a odlišnou navigaci**, případně že se jim otevřela **jiná aplikace než webový prohlížeč**.
  
-Informace o typu dokumentu a jeho velikosti je však důležitá také pro **uživatele mobilních zařízení**. Pokud uživatel hledá pouze dílčí informaci, nechce **zbytečně do svého zařízení stahovat velký soubor**. Stahování souborů může být problematické také kvůli **omezení datového tarifu****nekvalitnímu připojení** apod.+Informace o typu dokumentu a jeho velikosti je však důležitá také pro **uživatele mobilních zařízení**. Pokud uživatel hledá pouze dílčí informaci, nechce **zbytečně do svého zařízení stahovat velký soubor**. Stahování souborů může být problematické také kvůli **omezení datového tarifu** nebo **nekvalitnímu připojení**.
  
 </WRAP> </WRAP>
 +
 +<-ovladani_webu|17. Ovládání webu^obsah|Obsah^pismo_a_formatovani_textu|19. Písmo a formátování textu->
pristupnost/odkazy.1600092408.txt.gz · Poslední úprava: 2020/09/14 16:06 autor: linda