Obě strany předchozí revizePředchozí verze | Poslední revizeObě strany příští revize | ||
pristupnost:overeni_kontrastu [2020/09/18 14:24] – linda | pristupnost:overeni_kontrastu [2020/09/22 09:09] – linda | ||
---|---|---|---|
Řádek 1: | Řádek 1: | ||
====== Ověření kontrastu ====== | ====== Ověření kontrastu ====== | ||
- | Jedním z nástrojů, | + | Jedním z nástrojů, |
Validátor kontrastu je užitečným nástrojem zejména při tvorbě webu a hledání vhodných barevných kombinací. | Validátor kontrastu je užitečným nástrojem zejména při tvorbě webu a hledání vhodných barevných kombinací. | ||
- | 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é |
Řádek 13: | Řádek 13: | ||
- 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 (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). \\ | + | - V případě potřeby použijte posuvník pro úpravu jasu barvy (**Lightness**). \\ |
<WRAP center tip > | <WRAP center tip > | ||
Řá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. | 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 nechybějí ani příklady zobrazení textu v uvedených barvách pro úroveň přístupnosti AA a úroveň AAA (podle [[pristupnost: | + | 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ň AAA (podle [[pristupnost: |
- | V případě, že je podle metodiky WCAG kontrast v pořádku, zobrazí se zeleně zvýrazněný text "Pass". | + | 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 s výsledky testu kontrastu sdílet (e-mailem apod.), klikněte na odkaz "Permalink" | + | 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 WAVE ===== | ===== Testování kontrastu pomocí validátoru přístupnosti WAVE ===== | ||
WebAIM Contrast Checker je součástí validátoru přístupnosti [[pristupnost: | WebAIM Contrast Checker je součástí validátoru přístupnosti [[pristupnost: |