input, textarea {color: #000; background-color: #fff;}
Tím zajistíte, že všichni do formuláře budou moci psát a budou vidět to, co napsali, bez ohledu na to, jaký mají OS a jeho nastavení.input, textarea {color: inherit; background-color: inherit;}
I tímto způsobem jste rychle a snadno dosáhli větší kvality, než některá drahá "webdesignerská studia". Nemusíte už číst dál.
Jelikož formulářové prvky dědí prvky uživatelského rozhraní systému, je lepší na ně vůbec nehrabat a nekazit uživatelkám jejich oblíbené barvy. Radiobuttony a checkboxy stejně nedonutíte, aby se chovaly podle vašich přectav. Takže máte-li je ve formuláři a ten nastylujete, výsledek u některých uživatelek může vypadat hodně legračně.
Bohužel, pud a chtíč vnucovat uživatelkám své přectavy o krásnu je silnější, než zdravý rozum, a proto nenapravitelným estétům kladu na srdce:
Když už musíte, vždy nadefinujte OBĚ barvy z dvojice color / background-color, a k tomu popřípadě (jako u Alexe ) background-image.
Protože dokud to neuděláte, vystavujete bezmocnou krásnou uživatelku teroru, že její pozadí bude kolidovat s vaší barvou písma, popřípadě vaše pozadí bude kolidovat s její barvou písma. Jak prosté. Do takových formulářů pak není možné nic napsat, respektive není vidět, co píšete.
Nejedná se o nějakou drobnou vadu na kráse, jedná se o chybu, těžce odporující zásadám přístupnosti webu. I lepší CSS validátor to považuje za chybu. Pokud za takovýto zmetek nějaký webdesignér vybírá mrzký peníz, měl by se jeho klient domáhat svých peněz zpátky.
Smutným obrazem reality je pak fakt, že se těchto chyb dopouštějí i bojovníci za přístupnost webu.
Jak z předchozího vyplývá, jsem úchyl, který nemá své systémové barvy nastaven jako stádo, čili nemám barvy "Standard Windows". Už od dob slávy Norton commanderu se mi zalíbilo bílé písmo na tmavomodrém pozadí. Takže tyhle chyby mám hnedle jak na dlani. A dlouhodobě to sleduju a posílám bugreporty.
Že i mistr tesař se někdy utne, dokazuje dávný případ renomované Sovy v síti. Ale Marek Prokop dokázal, že je třída, okamžitě zareagoval, chybu opravil a ještě se za ní omluvil.
Na opačném pólu stojí zabedněnci a ignoranti, kteří trvají na svém, že tam žádnou chybu nemají. V čele těchto exteligentů hrdě třímá prapor email.cz. Těm jsem dokonce poslal i naprosto polopatický návod, na kterém řádku CSS mají co napsat. Žádný výsledek. Nechť se všichni staří i noví majitelé toho paskvilu navěky smaží pekle.
A pak je tu třeba Suché WC (jinak úžasný web), kam jsem ještě nic neposlal, protože už mě to nebaví donekonečna vysvětlovat, a proto píšu tento spot, abych na něj mohl jen odkazovat. A uvidíme, jak dloho budeme čekat na nápravu :-)
Opravdu je zarážející, jak často se tato chyba vyskytuje. I u těch, u kterých bych to nečekal. Snad jsem tímto alespoň malinko pomohl k nápravě, aby svět byl lepší.
Doplněno
- Pokládal jsem za úplně samozřejmé, že všichni dávají na první řádek stylopisu
body {color:barva; background-color:barva;}Ale z komenářů jsem se dozvěděl, že ani tuhle nezbytnost někteří "experti" nepraktikují. To je o stupeň větší zhovadilost, než nezadat to u formulářů, protože pak za určitého nastavení browseru nastává úplně stejný problém, jen platí pro celou stránku- dgx zareagoval a uvedl vše do pořádku do půl hodiny od upozornění – poklona.