CSS-opas

CSS-TYYLEIHIN LIITTYVÄÄ KOULUTUSTA VUONNA 2008!

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi heti! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

CSS ja mediatyypit

CSS ja ääni (nk. aural-tyylit)

WWW-sivujen sisällön renderoiminen ääneksi on jo hyvin yleinen käytäntö esimerkiksi näkövammaisten yhteisöissä. Käytännössä prosessi tapahtuu kääntämällä dokumentti muotoilemattomaksi tekstiksi ja syöttämällä se nk. lukulaitteeseen, kuten puhesyntetisaattoriin. Oikeaoppista, rakenteellista merkintää (kuten XHTML) ja CSS-tyylimäärittelyjä hyödyntämällä tästä kokemuksesta voi saada huomattavasti rikkaamman kokemuksen.

Perinteisten vammaisille suunnattujen palvelujen lisäksi, muita mahdollisia hyödyllisiä käyttökohteita nk. aural-tyylimäärittelyille ovat esimerkiksi autoteollisuus (paikannusjärjestelmät), viihdeteollisuus (online-pelit ym) sekä muut järjestelmät joissa on soveltuva lukulaite-teknologia.

Äänessä käytettävät ominaisuuksien arvot ovat nk. mediaaniarvoja, toisin sanoen yksittäiset sanat tai lauseet voivat poiketa mediaaniarvosta.

Äänen voimakkuus ilmaistaan ominaisuudella volume. Arvot voidaan ilmaista joko numeerisilla arvoilla (0-100), prosenttiarvoilla tai merkkijonolla (silent, x-soft, soft, medium, loud jax-loud) . Koska ääni koetaan subjektiivisesti ja tilanneriippuvaisesti, käyttäjä voi itse asettaa haluamansa äänenvoimakkuuden tason.

* {
  volume: soft;
}

Ominaisuuden speak avulla määritellään kuinka teksti tulisi lukea: puhuttuna tekstinä (arvo "normal"), kirjain kirjaimelta (arvo "spell-out") tai ei ollenkaan (arvo "none"). Luettavan tekstin taustalle voidaan lisätä myös taustaääni ominaisuudella play-during.

span.hankala-sana {
  speak:spell-out;
}

p.tunnelma {
  play-during: url("/aanet/sibelius.mp3");
}

Puheelle ominaisia ovat tauot. Taukojen avulla puhetta sekä ryhmitellään että tuodaan sille nk. syvyyttä. Taukojen sijaintia hallitaan ominaisuuden pause, pause-before ja pause-after avulla.

h1,h2,h3 { 
  pause-after: 20ms; 
}

Jos jotain elementtiä, esimerkiksi linkkiä, halutaan korostaa hieman normaalia enemmän, voidaan sen yhteyteen lisätä äänimerkki. Äänimerkki lisätään ominaisuudella cue, cue-before tai cue-after. Nämä toimivat samalla tavoin kuin tauotus.

h1 {
  cue-before: url("/aanet/ding.mp3"); 
  cue-after: url("/aanet/ding.mp3");
}

Äänen tulosuuntaa voidaan hallita ominaisuuksien azimuth ja elevation avulla. Azimuth kuvaa, mistä päin äänen pitää tulla vaakatasossa, elevation kertoo tuleeko ääni ylhäältä vai alhaalta päin.

p.kommentti { 
  azimuth: behind;
}

Äänen sävyä voidaan hallita useilla eri ominaisuuksilla. On mahdollista päättää, tuotetaanko puhe nopeasti vai hitaasti, ja tapahtuuko puhe miehen, naisen vai lapsen ääntä käyttäen. Lisäksi voidaan vaikuttaa myös äänialaan.

Speech-rate ominaisuus määrää minuutissa luettavien sanojen määrän. Erittäin nopea puhe on noin 500 sanaa minuutissa, hidas puhe puolestaan 80 sanaa minuutissa. Vaihtoehtosesti voidaan käyttää valmiita arvoja (x-slow, slow, medium, fast, x-fast, faster, slower), mutta näiden kohdalla täytyy aina ottaa huomioon nopeuden soveltuvuus dokumentin kieleen. Esim. 120 englanninkielistä sanaa minuutissa puhe kuulostaa aivan erilaiselta kuin 120 suomenkielistä sanaa minuutissa puhe.

* { 
  speech-rate: medium;
}

Ominaisuus voice-family määrää käytettävän puheäänen. Se voi olla joko yleinen; mies (male), nainen (female) tai lapsi (child) tai jokin erityisääni.

p.lapsi {
  voice-family:child;
}

Puheäänen mediaanitaajuus määrätään ominaisuudella pitch. Miesäänen osalta se on noin 120 Hz, naisäänen osalta noin 210 Hz. Arvo voidaan ilmoittaa joko absoluuttisena arvona (Hz) tai jollain avainsanoista (x-low, low, medium, high tai x-high. Avainsanan tulkinta on järjestelmäkohtainen.

Ominaisuus pitch-range määrää, kuinka paljon puheäänen korkeus vaihtelee puhumisen aikana. Arvo voi alkaa 0:sta (ei vaihtelua, toisin sanoen tasainen ääni) ja olla korkeintaan 100 (hyvin vaihteleva ja vilkas). Normaaliarvo on 50. Ominaisuus stress avulla voidaan määritellä yksittäisen sanan äänen korkeus.

Ominaisuus richness määrää, kuinka voimakas ja kantava äänen pitää olla (ominaisuutta ei saa kuitenkaan sotkea äänenvoimakkuuteen). Arvo voi alkaa 0:sta (heikko puheääni) ja olla korkeintaan 100 (hyvin voimakas ääni). Normaaliarvo on 50.

p.huom {
  stress:80; 
  richness:90;
}

Tavallisesti puheentunnistusjärjestelmä käsittelee pisteitä, pilkkuja ja muita välimerkkejä pitempinä tai lyhyempinä taukoina. Jos ne halutaan ilmaista konkreettisesti sanoilla piste tai pilkku (esim. luvuissa), voidaan piirre ottaa käyttöön ominaisuudella speach-punctuation. Ominaisuus speak-numeral määrää, kuinka numerot luetaan.

td.luku { 
  speak-numeral: digits;
  speak-puncuation:code;
}

Tutustu artikkelin muihin osiin:
»»» CSS »»»Mediatyypit
»»» CSS »»»Sivutettu media - tulosteen koon määrittäminen
»»» CSS »»»Sivutettu media - tulosteen tehokas hallinta
»»» CSS »»» CSS ja ääni (nk. aural-tyylit)

CSS-opas

CSS ja mediatyypit

CSS ja ääni (nk. aural-tyylit)

Tallenna tämä sivu kirjanmerkkeihin!