Přístupné webové stránky

Příručka pro knihovny

Uživatelské nástroje

Nástroje pro tento web

Umístění: Metodické příručky pro knihovny » Přístupné webové stránky » (M.10) Zástupný text odkazů
Historie:
pristupnost:manual_zastupny_text_odkazu

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:redakcni_system_odkazy [2020/05/15 13:18] – [Odkaz na jiný web nebo dokument] evapristupnost:manual_zastupny_text_odkazu [2020/09/16 14:35] (aktuální) – linda
Řádek 1: Řádek 1:
-====== Odkazy ======+====== (M.10) Zástupný text odkazů ======
  
-===== 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). +{{section>pristupnost:odkazy#srozumitelnost_zastupneho_textu_odkazu&nodate&noheader&nouser}}
  
-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. 
  
-Velice často se zástupné texty typu "**__zde__**",  "**__Více zde__**", "**__Pro více informací klikněte zde__**" a podobně objevují na webových stránkách v sekci aktuality (viz příklady na obrázcích 1 a 2).  +<-manual_popisky_obrazku_a_vlozenych_videi|(M.9) Popisky obrázků a vložených videí^obsah|Obsah^manual_odkaz_na_jiny_web_nebo_na_dokument_ke_stazeni|(M.11) Odkaz na jiný web nebo na dokument ke stažení->
-Odkazy na podrobnosti k jednotlivým aktualitám se však dají jednoduše řešit i jinak, například tak, že odkazem vedoucím na detaily aktuality je název dané aktuality (viz obr. 3).  +
- +
- Dalšími případy bývají odkazy na různé oficiální dokumenty. Typický případem použití nevhodného zástupného textu je např. text:  +
-"Informace o cenách služeb najdete **__zde__**.“ ((Zvažte také spojení „klikněte zde“, protože uživatelé dotykových zařízení nebo alternativních vstupních zařízení kliknutí myši nepoužívají.)) Zástupný text odkazu na dokumenty, třeba na ceník, může však může být jednoduše řešen například jedním z těchto způsobů: +
-  * „**__Podrobnosti o cenách služeb najdete v Ceníku__**“  +
-  * „**__Podrobnosti ceně služeb viz Ceník__**“ +
-  * “**__Ceník služeb__**”  +
-  +
-<WRAP center round tip > +
-Čím kratší odkaz je, tím lépe. Proto někdy bývá nejlepší ta nejjednodušší varianta, tedy použití prostého názvu dokumentu (v našem případě "Ceník služeb"). +
- +
-</WRAP> +
- +
- +
-  +
-<WRAP center round info> +
-==== 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 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í tabelátoru +
-</WRAP> +
- +
- +
- +
-//Obrázek 1 - 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 //  \\  +
-{{:pristupnost:odkazy_vice_zde.png |Obrázek 1 - nesprávné použití nejednoznačného zástupného textu odkazu "více zde" }} \\ \\ //Obrázek 2 - 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/ \\ +
-//{{:pristupnost:odkazy-zjistit-vice.png |Obrázek 2 - nesprávné použití nejednoznačných zástupných textů odkazu}} \\ \\ //Na obrázku 3 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. Zdroj: https://knihovna.jabok.cz/cs // \\ +
-{{:pristupnost:odkazy-spravne.png |obrázek 3 - správně použité zástupné texty odkazů mají význam samy o sobě}} \\ +
- +
-===== Odkaz na jiný web nebo dokument ===== +
- +
-V některých případech je vhodné připojit k odkazu vysvětlení, kam odkaz vede. zejména vpřípadech, kdy : +
-  * jde o dokument ke stažení, jehož otevření je nutná další aplikace nebo program,  +
-  * odkaz směřuje na jiný, externí web. +
-Někdy je tato informace zřejmá z formulace ze zástupného textu, např.: +
-  * //"Informace k zákonu o přístupnosti na webu Ministerstva vnitra"// +
-  *// "Portál Knihovny.cz"// +
-  *// "Sdílené album na Rajče.cz"// aj. +
- +
-V ostatních případech je potř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ř.: +
-  * //"E-knihovna MuniSpace (externí odkaz)"// +
-  * //"Zákon o přístupnosti webu a webových aplikací - odkaz na samostatný web"// +
-  * //"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//" +
- +
-{{:pristupnost:external-link.png |Obrázek 4 - ikona symbolizující otevření odkazu na externím webu}} U některých webů může být u externích odkazů automaticky zobrazovena ikona symbolizující, že jde o externí odkaz (většinou čtvereček se šipou, viz obr. 4). I v tomto případě je však potřeba zajistit textovou varioantu informace, například 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). +
- +
- +
-<WRAP center round tip> +
-Informace o velikosti souboru lze ve Windows zjistit např.  +
-  *  ve Složce dokumentů po najetí myší nad ikonu souboru nebo v sekci „Podrobnosti“ v levém navigačními sloupci (informace se zde zobrazí při klinutí na ikonu souboru) +
-  * V programu Total Commander se po označení souboru (např. klávesou Insert) zobrazí informace o velikosti   +
-  * označeného souboru v dolní liště panelu. Lze ji zobrazit také v nabídce „Soubor“ > „Vlastnosti“. +
- +
-</WRAP> +
-  +
-<WRAP center round info> +
- +
-==== Proč je důležité uvést informace o odkazu na jiný web nebo dokument ==== +
- +
-Informace o tom, že odkaz wede 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 nebo dokonce na jiný web, který má jinou strukturu, odlišnou navigaci apod., případně do jiné aplikace. +
- +
-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ční 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.  +
- +
-</WRAP> +
- +
-=== Formát informací na webu (webová stránka vs. dokument ke stažení === +
- +
-Kromě odůvodněných případů je vhodné vkládat na webové stránky veškeré informace ve formátu HTML, tj. jako webovou stránku, nikoliv jako odkaz na soubor ke stažení. Pokud chcete do stránky (nebo i do e-mailu) vložit např. plakát s pozvánkou na akci jako soubor, je i v takovém případě vhodné uvést na webu základní informace o akci ve formě textu na webové stránce. +
- +
- +
-<WRAP center round info> +
-== Proč je vhodné preferovat webové stránky před dokumenty ke stažení == +
- +
-Pokud jsou informace dostupné přímo ve formě webové stránky, uživatelé (jak uživatelé seznevýhodněním, tak uživatelé mobilních aplikací) nemusí  pro jejich získání stahovat žádný soubor do svého zařízení. Nemusí také spouštět jinou aplikaci než prohlížeč, nebo ji dokonce stahovat a instalovat, pokud ji na svém zařízení nemají. Stránka ve formátu HTML může být také  méně náročná na objem přenesených dat.  +
- +
-</WRAP> +
- +
-V některých případech může být zveřejnění dokumentu ve formátu HTML problematické. Typickým příkladem může být rozsáhlý knihovní řád. Pokud skutečně není možné zveřejnit knihovní řád ve formě webové stránky, je vhodné tímto způsobem zveřejnit alespoň výňatek z knihovního řádu, případně nejdůležitější pravidla pro poskytování služeb čtenářům apod.  +
- +
-<WRAP center round important> +
-Pokud na webu zveřejňujete dokument ke stažení, vždy zkotrolujte, zda je přístupný i pro uživatele, kteří používají místo monitoru alternativní výstupní zařízení (např. odečítač obrazovky). Pozvánka nebo plakát uložený ve formátu JPG, PNG, GIF či jiném formátu pro obrázky ani dokument naskenovaný jako obrázek ve formátu PDF, který neobsahuje textovou vrstvu, není přístupný pro uživatele, kteří používají alternativní výstupní zařízení jako je odečítač obrazovky.  +
- +
-"Čitelnost" dokumentu je důležitá také pro optimializaci ve webových vyhledáváčích +
-</WRAP> +
- +
pristupnost/manual_zastupny_text_odkazu.1589541487.txt.gz · Poslední úprava: 2020/05/15 13:18 autor: eva

Nástroje pro stránku

Kromě míst, kde je explicitně uvedeno jinak, je obsah této wiki licencován pod následující licencí: CC Attribution-Noncommercial-Share Alike 4.0 International
CC Attribution-Noncommercial-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki