Uživatelské nástroje
pristupnost:zjisteni_barev
Rozdíly
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í verze | ||
| pristupnost:zjisteni_barev [2020/09/24 13:13] – epub | pristupnost:zjisteni_barev [2020/09/24 13:47] (aktuální) – epub | ||
|---|---|---|---|
| Řádek 1: | Řádek 1: | ||
| + | ====== Zjištění barev ====== | ||
| + | Ke zjištění barev můžete využít doplněk webového prohlížeče nazvaný ColorZilla. Ten umí (mimo jiné) z webové stránky získat tzv. hexadecimální kód barvy, kterým se ve zdrojovém kódu webové stránky definuje barva. Hexadecimální kód barvy lze využít také pro kontrolu kontrastu ve validátoru kontrastu. | ||
| + | ===== Instalace doplňku ColorZilla ===== | ||
| + | - Ve webovém prohlížeči Chrome nebo Firefox zadejte adresu https:// | ||
| + | - Z nabídky zvolte **ColorZilla for Chrome and Firefox**. Další nabídka se přizpůsobí vašemu prohlížeči; | ||
| + | - Klikněte na tlačítko **Install ColorZilla** (většinou je u tlačítka uvedena také verze rozšíření). \\ \\ | ||
| + | - Klikněte na tlačítko **Přidat do Chromu**, resp. **Přidat do Firefoxu**.\\ \\ | ||
| + | - Dokončete instalaci doplňku (včetně udělení potřebných oprávnění).\\ \\ | ||
| + | - Po instalaci se v pravém horním rohu prohlížeče vedle adresního řádku objeví doplněk ColorZilla ve formě ikony se symbolem kapátka, viz obr. 1. \\ {{: | ||
| + | |||
| + | ===== Získání barvy z webové stránky pomocí volby Color Picker ===== | ||
| + | - Klikněte na ikonu nástroje ColorZilla (na kapátko). Tím aktivujete nástroj pro výběr barev. Pod ikonou kapátka by se po kliknutí na ikonu měl zobrazit text **Page Color Picker Active**. V případě, že se tento text po kliknutí na ikonu nezobrazí, v otevřené nabídce klikněte na položku **Color Picker** (viz obr. 2).\\ {{: | ||
| + | - Kurzor se změní v křížek a v horní části prohlížeče pod adresním řádkem se vysune černá lišta. Čtvereček na liště zobrazuje barvu oblasti stránky, na které se právě nachází kurzor (viz obr. 3)((Jako příklad byl použit web Národní knihovny ČR.)). \\ \\ {{: | ||
| + | - Vyberte požadovanou oblast stránky a klikněte na ni myší. Vybraná barva se vloží do paměti (historie) nástroje ColorZilla. \\ \\ <WRAP center tip> | ||
| + | Pokud potřebujete zjistit barvu písma a písmo je příliš malé, takže je problém umístit na ně kurzor, můžete si zobrazení stránky zvětšit pomocí kombinace kláves ctrl a +. | ||
| + | </ | ||
| + | - Kliknutím na ikonu nástroje ColorZilla otevřete nabídku a vyberte z ní položku **Color Picker**. Zobrazí se nástroj pro úpravu barev. \\ \\ | ||
| + | - Z historie uložených barev (**Color History**) napravo vyberte kliknutím čtvereček s požadovanou barvou a dole zkopírujte hodnotu hexadecimálního kódu barvy (viz obr. 4). Tento kód pak můžete zadat do validátoru kontrastu nebo do kódu webové stránky. \\ {{: | ||
| + | |||
| + | ===== Získání barev pomocí volby Webpage Color Analyzer ===== | ||
| + | Využít lze také nástroj pro hromadnou analýzu barev v definici webové stránky, tzv. Webpage Color Analyzer. | ||
| + | - Klikněte na ikonu nástroje ColorZilla (na kapátko). \\ \\ | ||
| + | - Z rozbalovací nabídky zvolte položku **Webpage Color Analyzer**. V horní části stránky se zobrazí okno s přehledem použitých barev (viz obr. 5).((Jako příklad byl použit portál Knihovny.cz.)) \\ \\ {{: | ||
| + | - Pokud na některou z barev kliknete myší, zobrazí se informace o dané barvě a stylech na stránce, ve kterých je použita (viz obr. 6). \\ \\ {{: | ||
| + | |||
| + | |||
| + | < | ||
Nástroje pro stránku
Kromě míst, kde je explicitně uvedeno jinak, je obsah této wiki licencován pod následující licencí: CC Attribution-Noncommercial-Share Alike 4.0 International
