12. 11. 2005 v sekci webdesign:

Autumn edition II

Z pohledu přístupnosti je na tom Filův blog autumn edition o něco hůř, než předchozí verze. Nadpisy a nehnědé odkazy neprojdou testem kontrastu, texty v hlavičce blogu jakbysmet. Pokud by se vám blog špatně četl, tak napište do komentářů, a já se pokusím najít barvy ladící se zbytkem designu, které testy projdou. Alternativní ovládání Všechny odkazy mají deklarovány stavy […]

Z pohledu přístupnosti je na tom Filův blog autumn edition o něco hůř, než předchozí verze. Nadpisy a nehnědé odkazy neprojdou testem kontrastu, texty v hlavičce blogu jakbysmet. Pokud by se vám blog špatně četl, tak napište do komentářů, a já se pokusím najít barvy ladící se zbytkem designu, které testy projdou.

Alternativní ovládání

Všechny odkazy mají deklarovány stavy :focus:active, web je tedy přístupný i při ovládání tabulátorem. Stejně tak mají stav :focus deklarována formulářová pole.

Použitelnost odkazů

Navštívené odkazy jsou v těle článků viditelně odlišeny od nenavštívených, stejně tak jsou odlišeny jejich stavy :hover, :active:focus. Toto odlišení je mnohem výraznější než v předešlých verzích blogu.

Čtení článků

Při rozbalení kategorie či měsíce se vám nyní nezobrazí všechny články, jak tomu bylo u předchozích verzí blogu. Články jsou nyní uskupeny po čtyřech a pohybuje se mezi nimi pomocí odkazů starší články / novější články.

Obrázky

Základní grafika blogu má velikost asi 150kB, přes polovinu objemu zabírá obrázek v pozadí blogu. Pozadí blogu se zobrazí vždy přes celou výšku monitoru nezávisle na jeho rozlišení, protože je deklarováno v elementu body. To také umožňuje vytvořit iluzi, že je blog mnohem širší, než je ve skutečnosti.

Jo a jako bonus jsem teď zvětšil písmo v komentářích…

Komentáře

12. 11. 05, 12.24

Ten test u Sovyvsíti je jen pomůcka a ne absolutní měřítko. Chápu, že chceš mít tenhle web tip-ťop, ale nic se nemá přehánět:) Kontrast mi přijde naprosto dostatečný.
To listí po krajích je právě teď ve FF nějaké jakoby obrácené, ani není poznat že jde o listí.

12. 11. 05, 13.38

Na tom testu kontrastu opravdu neco bude. Mne jako brejlovci se to cte trochu hure. Mozna by pomohlo jen trochu zesvetlit to okrove pozadi.
Ale musi se nechat, ze design je opravdu pekny :)

3. Kahi
12. 11. 05, 18.16

Zdravím, novej design se mi líbí (a to je co říct :).

Kdyby jsi na velikosti obrázku v pozadí neupozornil, tak bych si toho ani nevšimnul, ale proč neudělat dobrý skutek pro kamarády dial-upisty? :)

http://kahi.cz/temp/upload/back_old.png
http://kahi.cz/temp/upload/back_new.gif

Velikost je poloviční, rozdíl asi minimální.

4. DJ.Maca
12. 11. 05, 19.40

Pozor, PNG ma o chlup lepsi kompresi nezli GIF. Kahiho GIF jsem snizil skoro 4kB v PNG pri stejne palete barev. Delal jsem to v Macromedia Fireworks 8.

12. 11. 05, 20.01

Chmm.. tak to už je ovšem výzva.. asi použiju GIF.. :-)

12. 11. 05, 21.14

To není o konkrétním formátu, ale o optimalizaci palety. Dostal jsem ten PNG na cca 29kB, není to problém.

13. 11. 05, 19.15

No hlavne nerozumiem tomu, preco autor nezvolil opakovanie casti pozadia, ked sa to pozadie aj tak opakuje. Tak by velkost dal na odhadom jednu patinu.