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í verzeNásledující verzeObě strany příští revize | ||
pristupnost:celkove_overeni_pristupnosti [2020/09/18 06:47] – linda | pristupnost:celkove_overeni_pristupnosti [2020/09/22 09:13] – linda | ||
---|---|---|---|
Řádek 2: | Řádek 2: | ||
K celkovému ověření přístupnosti můžete použít online validátor WAVE – Web Accessibility Evaluation Tool. Je k dispozici pouze v angličtině, | K celkovému ověření přístupnosti můžete použít online validátor WAVE – Web Accessibility Evaluation Tool. Je k dispozici pouze v angličtině, | ||
- | Na webové stránce validátoru https:// | + | Na webové stránce validátoru https:// |
{{: | {{: | ||
//Obr. 1: Vstupní stránka validátoru přístupnosti WAVE (zdroj: [[https:// | //Obr. 1: Vstupní stránka validátoru přístupnosti WAVE (zdroj: [[https:// | ||
- | Validátor nabízí celou řadu funkcí a informací týkajících se stránky či potenciálních chyb přístupnosti, | + | Validátor nabízí celou řadu funkcí a informací týkajících se stránky či potenciálních chyb přístupnosti, |
<WRAP center important > | <WRAP center important > | ||
- | Validátory jsou velmi užitečným nástrojem. Nesmíme však zapomínat, že **žádný validátor sám o sobě pro kontrolu přístupnosti nestačí**, | + | Validátory jsou velmi užitečné nástroje. Nesmíme však zapomínat, že **žádný validátor sám o sobě pro kontrolu přístupnosti nestačí**, |
+ | * jak jsou stránky strukturovány a jakou strukturu má celý web; | ||
+ | * jak je přehledná navigace; | ||
+ | * zda jsou nadpisy na stránce nebo texty odkazů výstižné; | ||
+ | * jestli se uživatel snadno dostane ke všem informacím, | ||
+ | * jestli tyto informace jsou napsány srozumitelně. | ||
- | Naopak ne všechno, co validátor označí jako potenciální chybu, musí opravdu být chybou. Vždy je nutné, aby výsledky hodnocení provedl nejen stroj, ale i člověk | + | Naopak ne všechno, co validátor označí jako potenciální chybu, musí opravdu být chybou. Vždy je nutné, aby výsledky hodnocení provedl nejen stroj, ale i člověk. |
</ | </ | ||
Řádek 23: | Řádek 28: | ||
Zároveň se rozbalí informace o daném prvku nebo chybě s možností zobrazení reference (informace o typu prvku nebo chyby s upozorněním na co si dát pozor, proč je daný prvek důležitý, | Zároveň se rozbalí informace o daném prvku nebo chybě s možností zobrazení reference (informace o typu prvku nebo chyby s upozorněním na co si dát pozor, proč je daný prvek důležitý, | ||
- | Jak je patrné z konkrétního příkladu (viz obr. 2), na pravé straně je vidět rozbalená informace o navigačním menu rychlých odkazů ((Skutečné | + | Jak je patrné z konkrétního příkladu (viz obr. 2), na pravé straně je vidět rozbalená informace o navigačním menu rychlých odkazů ((Výsledky |
//Obr. 2: Rozhraní validátoru WAVE na příkladu webu Knihovny Jabok (zdroj: [[https:// | //Obr. 2: Rozhraní validátoru WAVE na příkladu webu Knihovny Jabok (zdroj: [[https:// | ||
===== Boční lišta s přehledy a nástroji ===== | ===== Boční lišta s přehledy a nástroji ===== | ||
- | Na levé straně obrazovky se zobrazí šedomodrá lišta s přehledem jednotlivých prvků a případných chyb.((Pro ilustrační obrázky byly použity výsledky validátoru pro stránku https:// | + | Na levé straně obrazovky se zobrazí šedomodrá lišta s přehledem jednotlivých prvků a případných chyb.((Jako ilustrační obrázky byly použity výsledky validátoru pro stránku https:// |
==== Souhrn ==== | ==== Souhrn ==== | ||
Řádek 43: | Řádek 48: | ||
U každého typu prvků/chyb se zobrazuje kulatá ikonka s //i//. Po kliknutí na ni se v liště zobrazí reference (obecné informace) k dané chybě nebo prvku. | U každého typu prvků/chyb se zobrazuje kulatá ikonka s //i//. Po kliknutí na ni se v liště zobrazí reference (obecné informace) k dané chybě nebo prvku. | ||
==== Reference k prvkům a chybám na stránce ==== | ==== Reference k prvkům a chybám na stránce ==== | ||
- | Na záložce **Reference** se zobrazí informace o typu prvku nebo chyby s upozorněním na co si dát pozor, proč je daný prvek důležitý nebo co bývá častou chybou, viz obr. 5 . Tato záložka je kontextová, | + | Na záložce **Reference** se zobrazí informace o typu prvku nebo chyby s upozorněním, na co si dát pozor, proč je daný prvek důležitý nebo co bývá častou chybou, viz obr. 5. Tato záložka je kontextová, |
- | Na obr. 5 vidíme napravo nadpis | + | Na obr. 5 vidíme napravo nadpis |
//Obr. 5: Ukázka reference k nadpisům webové stránky (zdroj: [[https:// | //Obr. 5: Ukázka reference k nadpisům webové stránky (zdroj: [[https:// | ||
==== Struktura stránky==== | ==== Struktura stránky==== | ||
- | Na záložce **Structure** je zobrazena hierarchie nadpisů na stránce, která slouží ke kontrole správnosti struktury stránky | + | Na obr. 6 je na záložce **Structure** je zobrazena hierarchie nadpisů na stránce, která slouží ke kontrole správnosti struktury stránky. |
Pokud kliknete na konkrétní prvek v zobrazené hierarchii nadpisů na boční liště, daný prvek se zobrazí ve výsledcích validace stránky a zároveň se zvýrazní červeným tečkovaným rámečkem. | Pokud kliknete na konkrétní prvek v zobrazené hierarchii nadpisů na boční liště, daný prvek se zobrazí ve výsledcích validace stránky a zároveň se zvýrazní červeným tečkovaným rámečkem. | ||
- | Na obr. 6 vidíme, že nadpis třetí úrovně **Vybrat instituci**, | + | Dále vidíme, že nadpis třetí úrovně **Vybrat instituci**, |
//Obr. 6: Zobrazení hierarchie nadpisů ve validátoru WAVE (zdroj: [[https:// | //Obr. 6: Zobrazení hierarchie nadpisů ve validátoru WAVE (zdroj: [[https:// | ||
==== Hodnocení kontrastu textu a pozadí ==== | ==== Hodnocení kontrastu textu a pozadí ==== | ||
- | Na záložce Contrast na pravé boční liště validátoru WAVE je možné zobrazit informace o chybách kontrastu textu vůči pozadí na stránce. | + | Na záložce |
- | V horní části boční lišty se zobrazuje validátor kontrastu a pod ním jsou ikony, které zastupují jednotlivá problematická místa. Validátor WAVE je propojen s nástrojem WebAIM Contrast Checker, takže po kliknutí na dílčí ikonu na liště se ve validátoru zobrazí informace o kontrastu daného prvku (viz obr. 7.) vůči pozadí. V případě potřeby je možné posuvníkem validátoru vybrat vhodnou kombinace barev popředí a pozadí. Podrobný návod k nástroji WebAIM Contrast Checker najdete [[pristupnost: | + | V horní části boční lišty se zobrazuje validátor kontrastu a pod ním jsou ikony, které zastupují jednotlivá problematická místa. Validátor WAVE je propojen s nástrojem WebAIM Contrast Checker, takže po kliknutí na dílčí ikonu na liště se ve validátoru zobrazí informace o kontrastu daného prvku (viz obr. 7) vůči pozadí. V případě potřeby je možné posuvníkem validátoru vybrat vhodnou kombinace barev popředí a pozadí. Podrobný návod k nástroji WebAIM Contrast Checker najdete [[pristupnost: |
- | {{: | + | {{: |
//Obr. 7: Výsledky hodnocení kontrastu textu a pozadí ve validátoru WAVE (zdroj: [[https:// | //Obr. 7: Výsledky hodnocení kontrastu textu a pozadí ve validátoru WAVE (zdroj: [[https:// | ||
< | < | ||