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:validator_wave [2020/09/15 09:15] – ↷ Odkaz upraven z důvodu přesunutí 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 38: | Řádek 43: | ||
Chyby či prvky přítomné na stránce jsou v detailním přehledu uvedeny jednotlivě pomocí ikon. Po kliknutí na ikonu v přehledu se zobrazí část stránky, která daný prvek obsahuje. Prvek je zároveň dočasně zvýrazněn bliknutím na stránce, případně červeným přerušovaným orámováním. \\ \\ | Chyby či prvky přítomné na stránce jsou v detailním přehledu uvedeny jednotlivě pomocí ikon. Po kliknutí na ikonu v přehledu se zobrazí část stránky, která daný prvek obsahuje. Prvek je zároveň dočasně zvýrazněn bliknutím na stránce, případně červeným přerušovaným orámováním. \\ \\ | ||
- | Obr. 4 zachycuje detailní výpis prvků/chyb na stránce. V detailním výpisu byl vybrán prvek "Table header" | + | Obr. 4 zachycuje detailní výpis prvků/chyb na stránce. V detailním výpisu byl vybrán prvek **Table header** (záhlaví tabulky), který se zobrazil také ve výsledcích hodnocení stránky. \\ \\ {{: |
//Obr. 4: Prvek Table header (záhlaví tabulky) v detailním výpis prvků a chyb na stránce (zdroj: [[https:// | //Obr. 4: Prvek Table header (záhlaví tabulky) v detailním výpis prvků a chyb na stránce (zdroj: [[https:// | ||
- | 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 | + | Na záložce |
- | 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 | + | Na obr. 6 je na záložce |
- | Pokud kliknete na konkrétní prvek v zobrazené | + | Pokud kliknete na konkrétní prvek v zobrazené |
- | Na obr. 6 vidíme, že nadpis třetí úrovně | + | Dále vidíme, že nadpis třetí úrovně |
- | //Obr. 6: Zobrazení | + | //Obr. 6: Zobrazení |
==== 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:// | ||
+ | < | ||