Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Následující verze | Předchozí verze | ||
pristupnost:struktura_nadpisu [2020/05/10 18:17] – vytvořeno eva | pristupnost:struktura_nadpisu [2020/08/23 19:49] (aktuální) – odstraněno eva | ||
---|---|---|---|
Řádek 1: | Řádek 1: | ||
- | ====== Příklad nástrojů pro kontrolu struktury nadpisů ====== | ||
- | Strukturu 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. Kontrolu správné struktury webové stránky v takovém případě pomohou různé online nástroje nebo doplňky prohlížeče, | ||
- | |||
- | ===== WAVE - WAVE Web Accessibility Evaluation Tool ===== | ||
- | WAVE je online validátor, do něhož stačí zadat adresu stránky. WAVE má celou řadu funkcí, kromě struktury 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. | ||
- | |||
- | 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. | ||
- | |||
- | Pokud kliknete myší na konkrétní ikonu, rozbalí se informace o daném prvku nebo chybě s možností zobrazení refreence (v angličtině) nebo zdrojového kódu, který se daného prvku či chyby týká. Nadpisy a jejich úrovně jsou označeny | ||
- | |||
- | Na levé straně obrazovky se zobrazí šedomodrá lišta s přehledem jednotlivých prvků a případných chyb. Tato lišta obsahuje několik záložek. Jednou z nich je také informace o struktuře dokumentu. | ||
- | |||
- | |||
- | //Na obrázku č. 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.// | ||
- | |||
- | {{: | ||
- | |||
- | |||
- | ===== HeadingsMap ===== | ||
- | HeadingsMap je doplněk prohlížeče, | ||
- | |||
- | Po instalaci rozšíření HeadingsMap do prohlížeče se na horní liště vpravo vedle vyhledávacího řádku zobrazí ikona rozšíření {{: | ||
- | |||
- | Po kliknutí na ikonu HeadingsMapse na pravé straně otevře lišta, ve které je zobrazena struktura nadpisů stránky. Jsou zde také vyznačeny případné chyby. | ||
- | |||
- | |||
- | //Na obrázku 2 vidíte příklad zobrazení struktury stránky o registraci do knihovny Jabok pomocí doplňku HeadingsMap.// | ||
- | {{: | ||
- | |||
- | |||
- | |||
- | <WRAP center round tip> | ||
- | ===== Kontrola struktury v textových dokumentech ===== | ||
- | |||
- | Pokud chceme zkontrolovat strukturu nadpisů | ||
- | </ | ||