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í verzePoslední revizeObě strany příští revize | ||
pristupnost:webaim_contrast_checker [2020/08/24 22:31] – [Validátor kontrastu WebAIM Contrast Checker] eva | pristupnost:overeni_kontrastu [2020/09/22 09:09] – linda | ||
---|---|---|---|
Řádek 1: | Řádek 1: | ||
- | ====== | + | ====== |
- | [[https:// | + | Jedním |
- | Validátor kontrastu je vhodným | + | Validátor kontrastu je užitečným |
- | Pro kontrolu kontrastu již existujících webových stránek je vhodný spíše validátor přístupnosti WAVE, který je s validátorem kontrastu propojen. Pro existující stránky lze případně také použít validátor kontrastu v kombinaci s některým z nástrojů, který z webovém | + | Pro kontrolu kontrastu již existujících webových stránek je vhodný spíše validátor přístupnosti WAVE, který je s validátorem kontrastu propojen. Pro existující stránky lze případně také použít validátor kontrastu v kombinaci s některým z nástrojů, který z webové |
- | <WRAP center | + | <WRAP center info> |
- | Obecné informace a doporučení týkající se kontrastu (nejen pro webové vývojáře) | + | Obecné informace a doporučení týkající se kontrastu (nejen pro webové vývojáře) najdete v přehledném článku [[https:// |
</ | </ | ||
===== Práce s validátorem WebAIM Contrast Checker ===== | ===== Práce s validátorem WebAIM Contrast Checker ===== | ||
- | - Ve webovém prohlížeči zadejte adresu validátoru: | + | - Ve webovém prohlížeči zadejte adresu validátoru: |
- | - Do pole Foreground Color zadejte požadovanou hexadecimální hodnotu barvy popředí tj. písma | + | - 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 | + | - 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) \\ | + | - V případě potřeby použijte posuvník pro úpravu jasu barvy (**Lightness**). \\ |
- | <WRAP center | + | <WRAP center tip > |
==== Jak zjistit hodnotu barev na pozadí nebo popředí stránky ==== | ==== Jak zjistit hodnotu barev na pozadí nebo popředí stránky ==== | ||
- | Pro zjištění hodnoty barvy pozadí je možné použít | + | Pro zjištění hodnoty barvy pozadí je možné použít [[pristupnost: |
</ | </ | ||
Řádek 25: | Řádek 25: | ||
===== Výsledky testování kontrastu ===== | ===== Výsledky testování kontrastu ===== | ||
- | Vedle polí pro zadání barev popředí a pozadí se zobrazuje číselný poměr kontrastu (Ratio). Nejmenší přijatelný poměr kontrastu je 4,5:1 | + | Vedle polí pro zadání barev popředí a pozadí se ve validátoru |
- | Dole se pak zobrazuje zda výsledek | + | Dole se pak zobrazuje, zda výsledek splňuje požadavky na vhodný kontrast podle velikosti textu. Nechybějí ani příklady zobrazení textu v uvedených barvách pro úroveň přístupnosti AA a úroveň |
- | V případě, že je kontrast v pořádku | + | V případě, že je podle metodiky WCAG kontrast v pořádku, zobrazí se zeleně zvýrazněný text **Pass**. |
- | Pokud je kontrast nevyhovující, | + | Pokud je kontrast nevyhovující, |
- | Pokud chcete odkaz na test kontrastu sdílet (e-mailem apod.), klikněte na odkaz Permalink pod číselným poměrem kontrastu a poté zkopírujte adresu v adresním řádku prohlížeče | + | Pokud chcete odkaz s výsledky testu kontrastu sdílet (e-mailem apod.), klikněte na odkaz **Permalink** pod číselným poměrem kontrastu a poté zkopírujte adresu v adresním řádku prohlížeče. |
- | ===== Testování kontrastu pomocí validátoru přístupnosti | + | ===== Testování kontrastu pomocí validátoru přístupnosti |
- | WebAIM Contrast Checker je součástí validátoru přístupnosti [[pristupnost: | + | WebAIM Contrast Checker je součástí validátoru přístupnosti [[pristupnost: |
- | - Do validátoru na adrese https:// | + | - Do validátoru na adrese https:// |
- | - Po načtení výsledků validace zvolte na šedé boční liště vlevo záložku | + | - Po načtení výsledků validace zvolte na šedé boční liště vlevo záložku |
- | - kliknutím | + | - Kliknutím |
- | - Na boční liště se zobrazí výsledek kontroly kontrastu nástrojem WebAIM Contrast Checker (viz obr. 3). Podrobnosti o validátoru WAVE najdete [[pristupnost: | + | - Na boční liště se zobrazí výsledek kontroly kontrastu nástrojem WebAIM Contrast Checker (viz obr. 3). {{: |
+ | Podrobnosti o validátoru WAVE najdete [[pristupnost: | ||
- | //Obrázek 3 - Výsledky testování kontrastu ve validátoru WAVE// \\ {{: | + | |
+ | <-kontrola_hierarchie_nadpisu|Kontrola hierarchie nadpisů^obsah|Obsah^zjisteni_barev|Zjištění barev-> |