Kontrast analyzer
Jednou z důležitých oblastí tvorby webu je přístupnost. Nedílnou součástí při posuzování přístupnosti webu je ji posuzování kontrastu (modré písmo na modrém pozadí se nečte nejlépe). Pro účely posouzení existuje několik různých předpisů či doporučení. Za nejzajímavější pokládám tato: WCAG 1.0 a WCAG 2.0.
přeskočit na navigaciJsem člověk veskrze lenivý a nechce se mi stále porovnávat barvy na Sově v síti, pokusil jsem se tedy o vytvoření bookmarkletu, který provede co nejvíce kontrol najednou. Výsledek svého snažení zde dávám k širokému využití.
[Analýza kontrastu] pre-alfa-release version ;-)
Co získáte použitím:
- vyhodnocení kontrastu jednotlivých prvků takřka libovolné (viz níže) stránky dle WCAG 1.0 a WCAG 2.0
- nástroj funkční v MSIE 7, Firefoxu 2, Safari 3.1 (win), a možná i dalších
- neodolatelnou touhu poradit mi jak odstranit nedostatky uvedené dále případně mne upozornit na chybu
Nebudu tajit, že existují i nedostatky:
- v prohlížeči musí být povoleno otvírání nových oken
- analyzovaná stránka musí být zcela načtena, aby bylo možné provést analýzu
- u složitějších stránek bude vyhodnocení trvat déle
- pokud je 'background-color' detekován jako 'transparent' nebo 'rgba(0,0,0,0)', je při analýze použita zděděná barva rodiče - to nemusí být správně v případě pozicovaných prvků.
- pokud je 'font-size' detekována v jednotkách 'em', 'ex' nebo procentuálně (=neumím ji přepočíst na 'pt') - nebude provedeno plnohodnotné vyhodnocení dle WCAG 2.0, kde potřebný kontrast závisí i na velikosti písma
- pokud je 'font-weight' detekována jako 'bolder' či 'lighter' (=neumím ji vyhodnotit jako 'bold' nebo 'normal') - nebude provedeno plnohodnotné vyhodnocení dle WCAG 2.0, kde potřebný kontrast závisí i na tučnosti písma
- pokud je 'background-color' detekován v RGBA, je informace o alfa-kanálu ignorována
