Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- pristupnost:overeni_kontrastu [2020/09/15 15:12] – linda
+++ pristupnost:overeni_kontrastu [2020/09/16 14:46] – linda
@@ Řádek 12: / Řádek 12: @@
 ===== Práce s validátorem WebAIM Contrast Checker =====
-  - Ve webovém prohlížeči zadejte adresu validátoru: https://webaim.org/resources/contrastchecker/ (viz obr. 1). \\ {{:pristupnost:webaim_contrast_checker.png|Obr. 1: Rozhraní nástroje WebAIM Contrast Checker}} \\ //Obr. 1: Rozhraní nástroje WebAIM Contrast Checker (zdroj: [[https://webaim.org/resources/contrastchecker/|WebAIM Contrast Checker]], získáno 2020-04-27)//
+  - Ve webovém prohlížeči zadejte adresu validátoru: https://webaim.org/resources/contrastchecker/ (viz obr. 1). \\ {{:pristupnost:webaim_contrast_checker.png|Obr. 1: Rozhraní nástroje WebAIM Contrast Checker}} \\ \\  //Obr. 1: Rozhraní nástroje WebAIM Contrast Checker (zdroj: [[https://webaim.org/resources/contrastchecker/|WebAIM Contrast Checker]], získáno 2020-04-27)// \\ \\
-  - Do pole Foreground Color zadejte požadovanou hexadecimální hodnotu barvy popředí, tj. písma (pro změnu barvy je obvykle nutné použít klávesu **enter**)
+  - Do pole Foreground Color zadejte požadovanou hexadecimální hodnotu barvy popředí, tj. písma (pro změnu barvy je obvykle nutné použít klávesu **enter**) \\ \\
-  - Do pole Background Color zadejte požadovanou hexadecimální hodnotu barvy pozadí (pro změnu barvy je obvykle nutné použít klávesu **enter**)
+  - Do pole Background Color zadejte požadovanou hexadecimální hodnotu barvy pozadí (pro změnu barvy je obvykle nutné použít klávesu **enter**) \\ \\
   - V případě potřeby použijte posuvník pro úpravu jasu barvy (Lightness). \\
@@ Řádek 27: / Řádek 27: @@
 Vedle polí pro zadání barev popředí a pozadí se ve validátoru zobrazuje číselný poměr kontrastu (Ratio). Nejmenší přijatelný poměr kontrastu je 4,5:1.
-Dole se pak zobrazuje zda výsledek splňuje požadavky na vhodný kontrast podle velikosti textu a příklady zobrazení textu v uvedených barvách pro úroveň přístupnosti AA a úroveň AAA (dle [[pristupnost:wcag#kriteria_uspesnosti_aneb_3_urovne_priority|metodiky WCAG]]).
+Dole se pak zobrazuje zda výsledek splňuje požadavky na vhodný kontrast podle velikosti textu a příklady zobrazení textu v uvedených barvách pro úroveň přístupnosti AA a úroveň AAA (dle [[pristupnost:metodika_wcag#kriteria_uspesnosti_aneb_3_urovne_priority|metodiky WCAG]]).
 V případě, že je kontrast v pořádku dle metodiky WCAG, zobrazí se zeleně zvýrazněný text "Pass".
@@ Řádek 35: / Řádek 35: @@
 ===== Testování kontrastu pomocí validátoru přístupnosti WAVE =====
 WebAIM Contrast Checker je součástí validátoru přístupnosti [[pristupnost:celkove_overeni_pristupnosti#hodnoceni_kontrastu_textu_a_pozadi|WAVE]]. Pokud se na testované stránce vyskytne problém nízkého kontrastu textu a pozadí, v rámci validátoru je možné zjistit poměr kontrastu přímo z hodnocení webové sránky:
-  - Do validátoru na adrese https://wave.webaim.org/ zadejte adresu požadované stránky.
+  - Do validátoru na adrese https://wave.webaim.org/ zadejte adresu požadované stránky. \\ \\
-  - Po načtení výsledků validace zvolte na šedé boční liště vlevo záložku **Contrast**.
+  - Po načtení výsledků validace zvolte na šedé boční liště vlevo záložku **Contrast**. \\ \\
-  - Kliknutím vyberte ikonu označující nízký kontrast prvku, který chcete zkontrolovat {{:pristupnost:cotrast-icon.png|Ikona označující nízký kontrast popředí a pozadí}}.
+  - Kliknutím vyberte ikonu označující nízký kontrast prvku, který chcete zkontrolovat {{:pristupnost:cotrast-icon.png|Ikona označující nízký kontrast popředí a pozadí}}.\\ \\
-  - Na boční liště se zobrazí výsledek kontroly kontrastu nástrojem WebAIM Contrast Checker (viz obr. 3). {{:pristupnost:wave-contrast.png|Obr. 3: Výsledky testování kontrastu ve validátoru WAVE}} //Obr. 3: Výsledky testování kontrastu ve validátoru WAVE (zdroj: [[https://wave.webaim.org/|WAVE]], získáno 2020-04-27)//
+  - Na boční liště se zobrazí výsledek kontroly kontrastu nástrojem WebAIM Contrast Checker (viz obr. 3). {{:pristupnost:wave-contrast.png|Obr. 3: Výsledky testování kontrastu ve validátoru WAVE}} //Obr. 3: Výsledky testování kontrastu ve validátoru WAVE (zdroj: [[https://wave.webaim.org/|WAVE]], získáno 2020-04-27)// \\ \\
 Podrobnosti o validátoru WAVE najdete [[pristupnost:celkove_overeni_pristupnosti|v samostatné nápovědě]].
+<-kontrola_hierarchie_nadpisu|Kontrola hierarchie nadpisů^obsah|Obsah^zjisteni_barev|Zjištění barev->

Přístupné webové stránky

Uživatelské nástroje

Nástroje pro tento web

Rozdíly

Nástroje pro stránku