Uživatelské nástroje

Nástroje pro tento web


pristupnost:kontrola_hierarchie_nadpisu

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:kontrola_hierarchie_nadpisu [2020/09/16 14:44] lindapristupnost:kontrola_hierarchie_nadpisu [2020/09/24 13:33] (aktuální) epub
Řádek 1: Řádek 1:
 ====== Kontrola hierarchie nadpisů ====== ====== Kontrola hierarchie nadpisů ======
-Hierarchii nadpisů webové stránky je možné kontrolovat ve zdrojovém kódu. Zdrojový kód však může být dlouhý a nepřehledný. Ne každý také ovládá jazyk HTML. Při kontrole správné struktury webové stránky v takovém případě pomohou různé online nástroje nebo doplňky prohlížeče pro kontrolu hierarchie nadpisů, kterých existuje celá řada. V této příručce uvádíme dva z nich.+Hierarchii nadpisů webové stránky je možné zkontrolovat ve zdrojovém kódu. Ten však může být dlouhý a nepřehledný. Ne každý také ovládá jazyk HTML. Při kontrole správné struktury webové stránky v takovém případě pomohou různé online nástroje nebo doplňky webového prohlížeče pro kontrolu hierarchie nadpisů. Existuje jich celá řada; v této příručce představujeme dva z nich.
  
 ===== WAVE – Web Accessibility Evaluation Tool ===== ===== WAVE – Web Accessibility Evaluation Tool =====
-WAVE je online validátor, do něhož stačí zadat adresu stránky. WAVE má celou řadu funkcí, kromě hierarchie nadpisů webové stránky zobrazuje i celou řadu dalších informací o struktuře stránky, o prvcích, které jsou na stránce použity, o potenciálních chybách, problémech s kontrastem apod.+WAVE je online validátor, do něhož stačí zadat adresu stránky. WAVE má celou řadu funkcí, kromě hierarchie nadpisů zobrazuje i další informace o struktuře stránky, o prvcích, které jsou na stránce použity, o potenciálních chybách, problémech s kontrastem apod.
  
 Použití validátoru je velmi jednoduché: Použití validátoru je velmi jednoduché:
-Na webové stránce validátoru https://wave.webaim.org/ zadejte do pole "Web page address" adresu stránky, jejíž strukturu chcete zkontrolovat. 
  
-Validátor detekuje jednotlivé prvky a výsledkem je zobrazení stránky, v níž jsou pomocí ikon zobrazeny oblasti stránky, její struktura, potenciální chyby přístupnosti apod. Hierarchii nadpisů je možné zobrazit po otevření karty "Structurena boční liště vpravo. Podrobnosti o použití validátoru najdete [[pristupnost:celkove_overeni_pristupnosti#struktura_stranky|v samostatné nápovědě]].+Na webové stránce validátoru https://wave.webaim.org/ zadejte do pole **Web page address** adresu stránky, jejíž strukturu chcete zkontrolovat. 
 + 
 +Validátor detekuje jednotlivé prvky a výsledkem je zobrazení stránky, v níž jsou pomocí ikon zobrazeny oblasti stránky, její struktura, potenciální chyby přístupnosti apod. Hierarchii nadpisů je možné zobrazit po otevření karty **Structure** na boční liště vpravo. 
 + 
 +Podrobnosti o použití validátoru najdete [[pristupnost:celkove_overeni_pristupnosti#struktura_stranky|v samostatné nápovědě]].
  
  
 Na obr. 1 vidíte ukázku části výstupu hodnocení stránky Knihovny Jabok pomocí validátoru WAVE. Nadpisy jsou přímo ve stránce vyznačeny modrými kolečky. Na levé straně stránky vidíte informační lištu s rozbaleným panelem zobrazujícím strukturu stránky. Na obr. 1 vidíte ukázku části výstupu hodnocení stránky Knihovny Jabok pomocí validátoru WAVE. Nadpisy jsou přímo ve stránce vyznačeny modrými kolečky. Na levé straně stránky vidíte informační lištu s rozbaleným panelem zobrazujícím strukturu stránky.
  
-{{:pristupnost:wave-vystup.png|Obr. 1: Část výstupu hodnocení stránky Knihovny Jabok pomocí validátoru WAVE s vyznačenou hierarchií nadpisů}} \\ +{{:pristupnost:wave-vystup.png?1100|Obr. 1: Část výstupu hodnocení stránky Knihovny Jabok pomocí validátoru WAVE s vyznačenou hierarchií nadpisů}} \\ 
 //Obr. 1: Část výstupu hodnocení stránky Knihovny Jabok pomocí validátoru WAVE s vyznačenou hierarchií nadpisů (zdroj: [[https://knihovna.jabok.cz/cs| Knihovna Jabok]], získáno 2020-05-10)// //Obr. 1: Část výstupu hodnocení stránky Knihovny Jabok pomocí validátoru WAVE s vyznačenou hierarchií nadpisů (zdroj: [[https://knihovna.jabok.cz/cs| Knihovna Jabok]], získáno 2020-05-10)//
  
  
 ===== HeadingsMap ===== ===== HeadingsMap =====
-HeadingsMap je doplněk prohlížeče, který vytvoří hierarchii nadpisů stránky a upozorní na případné chyby. Doplněk je dostupný [[https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi|pro prohlížeč Chrome]] a [[https://addons.mozilla.org/en-US/firefox/addon/headingsmap/|pro prohlížeč Firefox]].+HeadingsMap je doplněk webového prohlížeče, který vytvoří hierarchii nadpisů stránky a upozorní na případné chyby. Je dostupný pro prohlížeče [[https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi|Chrome]] a [[https://addons.mozilla.org/en-US/firefox/addon/headingsmap/| Firefox]].
  
 Po instalaci doplňku HeadingsMap do prohlížeče se na horní liště vpravo vedle vyhledávacího řádku zobrazí ikona doplňku {{:pristupnost:header_logo.png|Ikona HeadingsMap}}. Po instalaci doplňku HeadingsMap do prohlížeče se na horní liště vpravo vedle vyhledávacího řádku zobrazí ikona doplňku {{:pristupnost:header_logo.png|Ikona HeadingsMap}}.
  
-Po kliknutí na ikonu HeadingsMap se na pravé straně otevře lišta, ve které je zobrazena hierarchie nadpisů stránky. Jsou zde také vyznačeny případné chyby.+Po kliknutí na ni se na pravé straně otevře lišta, ve které je zobrazena hierarchie nadpisů stránky. Jsou zde také vyznačeny případné chyby.
  
  
 Na obr. 2 vidíte příklad zobrazení hierarchie stránky o registraci do Knihovny Jabok pomocí doplňku HeadingsMap. \\ \\ Na obr. 2 vidíte příklad zobrazení hierarchie stránky o registraci do Knihovny Jabok pomocí doplňku HeadingsMap. \\ \\
-{{:pristupnost:struktura_nadpisy.png|Obr. 2: Zobrazení hierarchie stránky pomocí nástroje HeadingsMap}} \\ +{{:pristupnost:struktura_nadpisy.png?1100|Obr. 2: Zobrazení hierarchie stránky pomocí nástroje HeadingsMap}} \\ 
 //Obr. 2: Zobrazení hierarchie stránky pomocí nástroje HeadingsMap (zdroj: [[https://knihovna.jabok.cz/cs| Knihovna Jabok]], získáno 2020-05-10)// //Obr. 2: Zobrazení hierarchie stránky pomocí nástroje HeadingsMap (zdroj: [[https://knihovna.jabok.cz/cs| Knihovna Jabok]], získáno 2020-05-10)//
  
Řádek 32: Řádek 35:
  
 <WRAP center round tip> <WRAP center round tip>
-===== Kontrola hierarchie nadpisů v textových dokumentech =====+===== Jak zkontrolovat hierarchii nadpisů v textových dokumentech =====
  
-Pokud chceme zkontrolovat **hierarchie nadpisů dokumentu ve Wordu** (případně v jiném textovém prohlížeči), stačí si vygenerovat obsah dokumentu.+Pokud chcete zkontrolovat **hierarchii nadpisů dokumentu ve Wordu** (případně v jiném textovém procesoru), stačí si vygenerovat obsah dokumentu.
  
-Postup se liší v jednotlivých programech nebo i verzíchobvykle je však tato možnost ukryta pod funkcí "vložit obsah", případně "vložit odkazy" apod.+Postup se liší v jednotlivých aplikacích nebo i verzích jedné aplikace; obvykle je však tato možnost ukryta pod funkcí **vložit obsah**, případně **vložit odkazy**.
 </WRAP> </WRAP>
  
-<-kontrola_hierarchie_nadpisu|Kontrola hierarchie nadpisů^obsah|Obsah^overeni_kontrastu|Ověření kontrastu->+<-kontrolni_seznam_pro_overovani|Kontrolní seznam pro ověřování^obsah|Obsah^overeni_kontrastu|Ověření kontrastu->
pristupnost/kontrola_hierarchie_nadpisu.1600260270.txt.gz · Poslední úprava: 2020/09/16 14:44 autor: linda