Dokumentin ulkoasu
- Sivuston ulkoasun on oltava selkeä ja yhtenäinen koko sivustolla.
- Koko sivuston ulkoasun muotoilu on tehtävä
käyttäen kolmea (3) erillistä CSS-tiedostoa.
Yksi CSS-tiedosto on tarkoitettu kaikille medioille (media="all") ja kaksi muuta antavat
lisämäärityksiä seuraaville medioille:
- handheld
- Muotoile navigoinnit tavalla, joka soveltuu hyvin pieneen näyttöön
- Varmista, että esim. kuvat skaalataan pieneen näyttöön sopiviksi
- Tiivistä asiaa sopivasti poistamalla esim. turhia marginaaleja ja reunuksia
- print
- Poista tulostuksesta turhat navigoinnit ja muut tulostuksen kannalta epäoleelliset kohdat.
- Ulkoasun määrityksiä ei saa upottaa XHTML-koodiin.
- Sivuston on näytettävä
järkevältä graafisilla valtaselaimilla, tekstiselaimilla
sekä ääni- ja mobiiliselaimilla vähintään niin, että sivuston sisältö on
saavutettavissa. Sivuston ulkoasun ei siis tarvitse olla täsmälleen
samanlainen kaikilla selaimilla.
- Määritä sivuille taustaväri ja tekstin väri.
- Navigointi on tuotava ulkoasumäärityksillä selvästi esiin käyttäen esimerkiksi rajaa, taustaväriä tai marginaaleja.
- Sivun ulkoasun on järkevästi skaalauduttava käyttäjän selaimen
kirjasimen ja selainikkunan koon mukaan.
- Käytä siis ominaisuuksien arvoissa pääasiassa
vain suhteellisia yksiköitä kuten em ja %.
- Ulkoasun on mukauduttava myös käytetyn median suhteen. Esim. navigointipalkki
ei saa täyttää koko kännykän ruutua.
- Lisäksi CSS-tyyleissä on käytettävä ainakin seuraavia ominaisuuksia
ja pseudoluokkia:
Käyttäjien kommentit