Web-laatu - Tyylitaulut

Tyylisivut ovat keskeisiä verkkosivujen laadun parantamisessa.

Älä käytä font-tagiä

CSS:n käyttäminen näyttötekstin koon asettamiseen on välttämätöntä. Älä käytä font-tagiä.

Käyttäminen <font>-tagi lisää asiakirjan kokoa ja tekee siitä tuskaista muuttaa oletusarvoista tekstikokoa kerran.

Kuvittele seuraava tilanne:

Päivä, jolloin päätät muuttaa kaikkien sivujen otsikoiden värejä ja kokoa verkkosivustollasi. CSS:n avulla voit tehdä tämän yhdellä rivillä. Jos käytät <font>-tagia, sinun täytyy muuttaa kaikki sivujen otsikot kaikilla sivuilla.

Käyttämällä tyylejä korvaamalla <font>-tagi voimme helposti luoda korkealaatuisia käyttöliittymiä verkkosivuille.

Älä käytä kiinteitä fonttikokoja

Älä käytä kiinteitä mittoja. Käytä aina suhteellisia mittoja.

Tämän suosituksen tärkein syy on, että kiinteät koot ei voida mukauttaa selaimen kautta.

Kävijäsi käyttävät eri laitteita (näyttöjä), eri selainympäristöjä (valo) ja mahdollisia vammaisuuksia (heikkonäköisyys).

Esimerkiksi, voidaan asettaa jossakin tekstin kokoon 100% (tai medium), pääotsikon kokoon 140% (tai x-large) ja toissijaisen otsikon kokoon 120% (tai large), jolloin käyttäjät voivat mukauttaa selaimen mukavimman kokoon.

Muuttamalla verkkosivun tekstin kokoa voidaan myös muuttaa tulostettavien sivujen tekstin määrää.

Älä käytä erittäin pieniä oletusfonttikokoja

Jotkut verkkosivut käyttävät erittäin pieniä tekstin koolleja, jotta ne voivat sisällyttää enemmän sisältöä jokaiselle sivulle tai tehdä sivusta näyttämään tyylikkäämmältä.

Uudelleen sanottuna, eri laitteiden (näyttö), eri selainympäristöjen (valo) ja mahdollisten vammaisuuksien (heikkonäköisyys) vaikutukset voivat aiheuttaa lukuvaikeuksia käyttäjille.

Älä pakota käyttäjiä suurentamaan tekstin kokoa joka kerta, kun he vierailevat sivustollasi.

Käytä aina yhtenäistä taustaväriä

Suurin osa verkkosivuista käyttää eri tekstelementtien väriä. Otsikoiden ja linkkien värit ovat yleensä erilaisia kuin tekstin värit.

Web-taiteilijana sinun tulisi olla tietoinen siitä, että kävijäsi voi muuttaa oletusväriasetuksia.

Jos määrittelet web-elementin väriä, sinun tulisi myös määrittää taustaväri.

Jos et määritä taustaväriä, verkkosivustosi voi näyttää huonosti värimäärien yhdistelmästä (esim. punainen tausta ja kirkkaanpunainen teksti tai tumma teksti ja tumma tausta).

Jos et määritä taustaväriä, tekstin tunnistaminen saattaa olla vaikeaa.