CSS a Barevnost mobilního webu
08.01.2009 – 00:34:15Čitelnost textu je na mobilním webu jedna z nejdůležitějších věcí, na které je potřeba si dát pozor. Vhodnou volbou barevnosti je možné zvýraznit důležité informace a nadpisy. Při vypisování seznamu položek, jako je třeba výpis článků, nebo výsledky vyhledávání je strádavé podbarvení jednotlivých položek ideální způsob, jak je od sebe nenásilně oddělit.
Při výběru barev pro mobilní stránku je potřeba si dát pozor na dostatečný kontrast a používat základní barvy. Je sice fakt, že na smartphonech a nových telefonech se s většinou zmíněných problémů nesetkáte, ale čím víc telefonů služba podporuje, tím víc může mít uživatelů. S CSS a hlavně podbarvením v mobilní stránce se může stát několik věcí:
- Daná barva se bude na různých telefonech zobrazovat v jiných odstínech. Dokonce jsem jednou narazil na takovou interpretaci modré barvy, že vypadala úplně zeleně
- Pokud je barva na pozadí moc světlá, může se stát, že nebude na nekvalitním display vůbec zřetelná. Rozdíl v podbarvení je potom možní zahlédnout pouze pod určitým úhlem pohledu na display telefonu a to není to, co by se nám líbilo
- Naopak moc výrazná barva, třeba i v jiném odstínu může znehodnotit čitelnost textu
- Nelze ani počítat s plnou podporou barvy na pozadí u některých prohlížečů. Například některé starší LG s prohlížečem OpenWave barvu pozadí nekreslí vůbec, takže pokud použijete bílý text na tmavém pozadí, tak výsledek bude bílý text na bílém pozadí
- Stejně tak se může stát, že telefon celá CSS z nějakého jen jemu zřejmému důvodu kompletně zahodí.
Ve výsledku jsou barvy na pozadí na mobilní stránce pouze pro zpřehlednění textu a není možné s nimi počítat pro nějaké výrazné a důležité prvky na stránce. Je potřeba hlídat kontrast barev a zajistit čitelnost i při nějakém problému s vykreslením stránky.
