Proti první verzi doznal nový analyzér několika změn a rozšíření, která si představíme a ukážeme si, jak pracovat s tímto užitečným (a bohužel stále málo rozšířeným) programem. S verzí 2.0 také operují nová Pravidla tvorby přístupného webu; konkrétně se jedná o pravidlo číslo 6.
První spuštění
Při prvním spuštění se objeví následující obrazovka:
Největším rozdílem oproti první verzi je výpočet kontrastu podle nového algoritmu – světelnosti. Tento algoritmus používají nová Pravidla pro tvorbu přístupného webu i WCAG 2.0. Dává trochu jiné a podrobnější výsledky než algoritmus starší – rozdíl jasu/rozdíl barvy, a je o něco přísnější. Ostatně v tomto programu si můžeme algoritmus zvolit a výsledky porovnat; se starším logaritmem však operují pouze starší česká pravidla přístupnosti a WCAG 1.0.
Jak to funguje
Nahoře se nacházejí dvě políčka, do kterých zadáváme barvu v hexadecimálním zápisu či pomocí RGB notace (změnu na příslušnou formu zápisu lze provést v nabídce Možnosti), případně můžeme barvu vybrat z palety barev, která se objeví po rozkliknutí roletky.
V nabídce Možnosti můžeme navíc nechat zobrazit posuvníky pro ruční doladění barevného odstínu. Měnit lze také velikost, styl a font písma popisků programu.
Pro pohodlné určení barvy je k dispozici kapátko, u kterého si můžete navíc určit i velikost plochy – od 1 px do 8×8 px. Větší plocha kapátka se hodí zejména v případech, kdy barva není na celé ploše, na které se nachází text, stejná (např. různé přechody apod.). Pokud v takovém případě zvolíte větší plochu kapátka, použije se „průměrná barva“ vybrané plochy.
Výběr plochy kapátka
Po kliknutí na ikonu kapátka se zobrazí lupa čtvercového tvaru umožňující pohodlné nasátí barvy, například i malého písma.
Po zadání obou barev se v dolní části obrazovky zobrazí výsledky i s ukázkou pro normální a větší text. Pokud zaškrtneme políčko Zobrazit detaily, objeví se vysvětlující a doplňující informace.
Důležité:
Pro česká Pravidla tvorby přístupného webu je důležitý výsledek s označením „AA“. Pokud se ve výsledcích objeví hláška „Vyhovuje (AA)“ a jako algoritmus je zvolena „Světelnost“, je dle těchto pravidel přístupnosti kontrast dostatečný. Pokud se ve výsledcích objeví i hláška „Vyhovuje (AAA)“, kontrast je na velmi dobré úrovni.
Po zaškrtnutí políčka Ukázat výsledky kontrastu i pro snížený barvocit se objeví výsledky kontrastu i pro některé zrakové handicapy.
Za mírný nedostatek lze považovat absenci zobrazení zelené „fajfky“ v případě, že kontrast je dostatečný, tak jako tomu bylo v první verzi.
Simulace zrakového postižení
V analyzéru kontrastu barev verze 2.0 můžeme najít velmi zajímavou a užitečnou funkci, kterou je simulace zrakového postižení. Máme tak skvělou možnost nechat si zobrazit stránku tak, jak ji vidí člověk s příslušným zrakovým handicapem, a posoudit, zda je pro tyto uživatele naše stránka vůbec použitelná.
Po kliknutí na Simulace zrakového postižení vyjede roletka se třemi možnostmi – Vybrat okno, Vybrat obrázek a Výřez obrazovky.
Vybrat okno
Pokud zvolíme tuto možnost, objeví se nám následující obrazovka:
Vlevo nahoře máme seznam otevřených oken, pod ním možnosti náhledu vybraného okna. Dále můžeme nastavit i kvalitu komprese a náhled případně uložit.
Nyní si ukážeme, jak vypadá Lupa.cz například pro uživatele s protanopií (omezená schopnost rozeznat červenou barvu) a pro uživatele s šedým zákalem.
Pozn.: Po výběru okna a náhledu je třeba vždy stisknout tlačítko Náhled (případně použít klávesovou zkratku Alt+n).
Protanopie (omezená schopnost rozeznat červenou barvu)
Katarakta (šedý zákal)
Vybrat obrázek
Po zvolení této možnosti se objeví podobná obrazovka jako v případě volby Vybrat okno. Jediný rozdíl je pouze v tom, že namísto seznamu otevřených oken je zde možnost výběru obrázku ve formátu JPEG či BMP v počítači.
Výřez obrazovky
Opět podobná funkce umožňující zobrazení jednotlivých náhledů. U této funkce máme navíc možnost přímo porovnat, jak vypadá náhled a skutečný obraz, který se nachází vně výřezu.
Výřez části obrazovky (simulace šedého zákalu)
Ze seznamu vpravo nahoře pak stačí vybrat příslušný náhled. Celým oknem můžeme pohybovat pomocí myši či po stisknutí písmene „M“ pomocí šipek na klávesnici.
Slabiny a konkurence
Krom již zmíněné chybějící zelené „fajfky“ jako rychlého ukazatele, zda je kontrast dostatečný i pro zrakově hendikepované uživatele, je zřejmě největší slabinou program samotný. Přece jenom se jedná o další program, a při snaze si práci co nejvíce zjednodušit dají webdesigneři spíš na vlastní zrak v domnění, že „to stačí“, což je škoda.
Co se týká konkurence tohoto programu, v podstatě žádná není. Existují sice různé online validátory kontrastu či simulátory zrakových handicapů, avšak výhoda recenzovaného programu je ve sloučení všech těchto služeb do jedné aplikace a samozřejmě její nezávislost na internetovém připojení. Navíc již využívá také nového algoritmu pro výpočet kontrastu.
Za mírnou konkurenci by se dalo označit rozšíření pro Firefox – Colour Contrast Analyser Firefox Extension, díky němuž můžeme rychle a pohodlně ověřit všechny kontrasty na stránce. Neobsahuje však tolik funkcí jako Analyzér kontrastu barev verze 2.0 a je limitováno použitím pouze v prohlížeči Firefox.
Autoři, kde stahovat, podmínky užití
Analyzér kontrastu barev verze 2.0 je freeware licencovaný pod Creative Commons License. Byl vyvinut Junem ve spolupráci se Stevenem Faulknerem. Do češtiny ho přeložil Petr Stohwasser (autor tohoto článku, stáhnout českou verzi programu si můžete na jeho blogu).
Stáhnout další jazykové verze či verzi pro Mac, případně dozvědět se další informace můžete na těchto stránkách.
ČLÁNKY DO MAILU