Hallo,
Iets waar ik onlangs nog op mijn blogje over heb geschreven, en wat ik nu ook bij toeval weer tegen kom op Tweakers.net: De webforms zijn maar voor de helft gestyled d.m.v. CSS. Ik zal het even uitleggen, vanaf begin:
Ik gebruik sinds een paar maanden XFCE met een donkere colortheme ("XFCE Dusk"). Dit ziet er in combinatie met de kleuren die ik gebruik in xterm best aardig uit (disclaimer: smaken verschillen):
Het heeft echter ook mijn ogen geopend voor een webdesign fout die blijkbaar erg vaak over het hoofd wordt gezien. Webformulieren worden in veel browsers ook gestyled met de default kleuren (of zelfs helemaal opgebouwd met de default components) van de desktop, tenzij andere kleuren worden gedefineerd in de stylesheets. Dit is misschien wel op te lossen met een Firefox theme, maar dat heb ik niet geprobeerd omdat ik tevreden ben met hoe Firefox er standaard uit ziet.
Ik kom op zeer veel sites tegen dat een of meer van de volgende punten het geval is:
) punt het geval is op de tweakers.net frontpage:
Als je goed kijkt staat er als zoekterm "webcam" ingevuld. Blijkbaar is voor de webformulieren (of, een waarschijnlijker geval, een van de tags om het formulier) een zwarte voorgrondkleur gedefineerd, zonder dat er een achtergrond kleur staat.
In 99.8% van de gevallen ziet dat er natuurlijk perfect uit, maar in mijn geval niet
Ik denk dat veel mensen mij een mierenneuker zouden noemen en/of dat ik dat zelf maar op moet lossen met javascript/css injection - iets wat ik ook van plan ben om te doen (chickenfoot anyone*?), maar ik heb het voornomen genomen om 'grotere' sites die misschien wel beter zouden moeten weten (en waar de kans dat ik de enige ben met dit probleem minder klein is) er toch eens op te wijzen
(Heck, Ik overweeg zelfs om er eens over te schrijven naar het W3C, maar of ik dat doe weet ik nog niet - daarbij ben ik vast niet de eerste)
*) laaaaaaang filmpje (Google TechTalk), dus alleen klikken als je niks beters te doen hebt.
Iets waar ik onlangs nog op mijn blogje over heb geschreven, en wat ik nu ook bij toeval weer tegen kom op Tweakers.net: De webforms zijn maar voor de helft gestyled d.m.v. CSS. Ik zal het even uitleggen, vanaf begin:
Ik gebruik sinds een paar maanden XFCE met een donkere colortheme ("XFCE Dusk"). Dit ziet er in combinatie met de kleuren die ik gebruik in xterm best aardig uit (disclaimer: smaken verschillen):
Het heeft echter ook mijn ogen geopend voor een webdesign fout die blijkbaar erg vaak over het hoofd wordt gezien. Webformulieren worden in veel browsers ook gestyled met de default kleuren (of zelfs helemaal opgebouwd met de default components) van de desktop, tenzij andere kleuren worden gedefineerd in de stylesheets. Dit is misschien wel op te lossen met een Firefox theme, maar dat heb ik niet geprobeerd omdat ik tevreden ben met hoe Firefox er standaard uit ziet.
Ik kom op zeer veel sites tegen dat een of meer van de volgende punten het geval is:
- De achtergrondkleur voor een input veld wordt wel gedefineerd, maar de voorgrondkleur niet, waardoor je dit soort situaties krijgt, waarbij deze screenshot een compleet ingevuld webformulier toont
- De voorgrondkleur voor een input veld wordt wel gedefineerd, maar de achtergrond niet, waardoor je dit soort situaties krijgt.
- Minder belangrijk: de form elements zijn überhaupt niet gestyled, waardoor ze in mijn geval verschrikkelijk slecht passen binnen het design van de website
) punt het geval is op de tweakers.net frontpage:Als je goed kijkt staat er als zoekterm "webcam" ingevuld. Blijkbaar is voor de webformulieren (of, een waarschijnlijker geval, een van de tags om het formulier) een zwarte voorgrondkleur gedefineerd, zonder dat er een achtergrond kleur staat.
In 99.8% van de gevallen ziet dat er natuurlijk perfect uit, maar in mijn geval niet
Ik denk dat veel mensen mij een mierenneuker zouden noemen en/of dat ik dat zelf maar op moet lossen met javascript/css injection - iets wat ik ook van plan ben om te doen (chickenfoot anyone*?), maar ik heb het voornomen genomen om 'grotere' sites die misschien wel beter zouden moeten weten (en waar de kans dat ik de enige ben met dit probleem minder klein is) er toch eens op te wijzen
(Heck, Ik overweeg zelfs om er eens over te schrijven naar het W3C, maar of ik dat doe weet ik nog niet - daarbij ben ik vast niet de eerste
)*) laaaaaaang filmpje (Google TechTalk), dus alleen klikken als je niks beters te doen hebt.
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
