Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revizePředchozí verzeNásledující verze | Předchozí verze | ||
pristupnost:kontrola_hierarchie_nadpisu [2020/09/18 14:18] – linda | pristupnost: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é | + | Hierarchii nadpisů webové stránky je možné |
===== 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ů | + | 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:// | ||
- | 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 webové stránce validátoru https:// |
+ | |||
+ | 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: | ||
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. | ||
- | {{: | + | {{: |
//Obr. 1: Část výstupu hodnocení stránky Knihovny Jabok pomocí validátoru WAVE s vyznačenou hierarchií nadpisů (zdroj: [[https:// | //Obr. 1: Část výstupu hodnocení stránky Knihovny Jabok pomocí validátoru WAVE s vyznačenou hierarchií nadpisů (zdroj: [[https:// | ||
Řádek 22: | Řádek 25: | ||
Po instalaci doplňku HeadingsMap do prohlížeče se na horní liště vpravo vedle vyhledávacího řádku zobrazí ikona doplňku {{: | Po instalaci doplňku HeadingsMap do prohlížeče se na horní liště vpravo vedle vyhledávacího řádku zobrazí ikona doplňku {{: | ||
- | Po kliknutí na ikonu HeadingsMap | + | 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. \\ \\ | ||
- | {{: | + | {{: |
//Obr. 2: Zobrazení hierarchie stránky pomocí nástroje HeadingsMap (zdroj: [[https:// | //Obr. 2: Zobrazení hierarchie stránky pomocí nástroje HeadingsMap (zdroj: [[https:// | ||
Řádek 32: | Řádek 35: | ||
<WRAP center round tip> | <WRAP center round tip> | ||
- | ===== Kontrola hierarchie | + | ===== Jak zkontrolovat hierarchii |
- | Pokud chceme | + | Pokud chcete |
- | Postup se liší v jednotlivých | + | Postup se liší v jednotlivých |
</ | </ | ||
< | < |