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:overeni_kontrastu [2020/09/16 14:45] – ↷ Odkaz upraven z důvodu přesunutí linda | pristupnost:overeni_kontrastu [2020/09/18 14:24] – linda | ||
---|---|---|---|
Řádek 2: | Řádek 2: | ||
Jedním z nástrojů, pomocí kterého je možné zjistit, zda kontrast textu a pozadí stránky odpovídá požadavkům na přístupnost, | Jedním z nástrojů, pomocí kterého je možné zjistit, zda kontrast textu a pozadí stránky odpovídá požadavkům na přístupnost, | ||
- | 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 stránky umí získat hexadecimální kód použité barvy (např. [[pristupnost: | + | 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 stránky umí získat hexadecimální kód použité barvy (např. [[pristupnost: |
Řá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 | + | - 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 tip > | <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 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 příklady zobrazení textu v uvedených barvách pro úroveň přístupnosti AA a úroveň AAA (dle [[pristupnost: | + | 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: |
- | 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 " |
- | 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 " | Pokud chcete odkaz s výsledky testu kontrastu sdílet (e-mailem apod.), klikněte na odkaz " | ||
===== 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: |
- 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 **Contrast**. \\ \\ | - Po načtení výsledků validace zvolte na šedé boční liště vlevo záložku **Contrast**. \\ \\ | ||
Řádek 40: | Řádek 40: | ||
- Na boční liště se zobrazí výsledek kontroly kontrastu nástrojem WebAIM Contrast Checker (viz obr. 3). {{: | - 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: | Podrobnosti o validátoru WAVE najdete [[pristupnost: | ||
+ | |||
+ | |||
+ | < |