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/12 19:26] – linda | pristupnost:celkove_overeni_pristupnosti [2020/09/22 09:21] – linda | ||
---|---|---|---|
Řádek 1: | Řádek 1: | ||
- | ====== | + | ====== |
- | WAVE - Web Accessibility Evaluation Tool je online validátor přístupnosti. | + | K celkovému ověření přístupnosti můžete použít online validátor |
- | Na webové stránce validátoru https:// | + | Na webové stránce validátoru https:// |
{{: | {{: | ||
- | //Obr. 1: Vstupní stránka validátoru přístupnosti WAVE// | + | //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 | + | 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 19: | Řádek 24: | ||
===== Zobrazení hodnocené stránky ===== | ===== Zobrazení hodnocené stránky ===== | ||
- | Informace o hodnocené stránce jsou zobrazeny přímo na podkladě dané webové stránky formou ikon, které zastupují jednotlivé prvky nebo ikony kontrolované stránky. Pokud kliknete myší na konkrétní ikonu, je červenou tečkovanou čárou vyznačena oblast, ke které se daná ikona validátoru vztahuje. | + | Informace o hodnocené stránce jsou zobrazeny přímo na podkladě dané webové stránky formou ikon, které zastupují jednotlivé prvky nebo ikony kontrolované stránky. Pokud kliknete myší na konkrétní ikonu, je červenou tečkovanou čárou vyznačena oblast, ke které se daná ikona validátoru vztahuje. |
- | Zároveň se rozbalí | + | 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 je nutné |
- | 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// | + | //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:// |
+ | * **Summary** (Souhrn); | ||
+ | * **Details** (Detaily); | ||
+ | * **Reference** (Reference); | ||
+ | * **Structure** (Struktura); | ||
+ | * **Contrast** (Kontrast). | ||
==== Souhrn ==== | ==== Souhrn ==== | ||
- | Příklad souhrnu | + | Příklad souhrnu prvků a chyb, které |
{{: | {{: | ||
- | //Obr. 3: Přehled výsledků hodnocení přístupnosti na boční liště validátoru WAVE// | + | //Obr. 3: Přehled výsledků hodnocení přístupnosti na boční liště validátoru WAVE (zdroj: [[https:// |
- | ==== Detailní přehled prvků a chyb ==== | + | ==== Detaily |
- | 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" | + | //Obr. 4: Prvek Table header (záhlaví tabulky) v detailním výpis prvků a chyb na stránce |
- | U každého typu prvků/chyb se zobrazuje kulatá | + | U každého typu prvku/chyby se zobrazuje kulatá |
- | ==== Reference | + | ==== Reference ==== |
- | 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// | + | //Obr. 5: Ukázka reference k nadpisům webové stránky |
- | ==== Struktura | + | ==== Struktura ==== |
- | 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ě Vybrat instituci, který byl vybrán kliknutím na boční liště, je ve výsledcích hodnocení stránky zvýrazněn červeným rámečkem. \\ \\ {{: |
- | //Obr. 6: Zobrazení | + | //Obr. 6: Zobrazení |
- | ==== Hodnocení kontrastu textu a pozadí | + | ==== Kontrast |
- | 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. | + | 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 vůči pozadí |
- | + | ||
- | {{: | + | |
- | //Obr. 7: Výsledky hodnocení kontrastu textu a pozadí ve validátoru WAVE// | + | |
+ | {{: | ||
+ | //Obr. 7: Výsledky hodnocení kontrastu textu a pozadí ve validátoru WAVE (zdroj: [[https:// | ||
+ | < | ||