Home » CSS » Referensi Aural di CSS: Contoh dan Propertinya

Referensi Aural di CSS: Contoh dan Propertinya

by Hanifah Nurbaeti
by Hanifah Nurbaeti

Lembar Gaya Aural

Aural style sheets menggunakan kombinasi sintesis ucapan dan efek suara untuk membuat pengguna mendengarkan informasi, bukan membaca informasi.

Presentasi aural dapat digunakan:

  • oleh orang buta
  • untuk membantu pengguna belajar membaca
  • untuk membantu pengguna yang memiliki masalah membaca
  • untuk hiburan rumah
  • di dalam mobil
  • oleh komunitas dengan gangguan cetak

Presentasi aural mengonversi dokumen menjadi teks biasa dan memasukkannya ke pembaca layar (program yang membaca semua karakter di layar).

Contoh :

h1, h2, h3, h4 {
  voice-family: male;
  richness: 80;
  cue-before: url("beep.au")
}

Contoh di atas akan membuat penyintesis ucapan memainkan suara, lalu mengucapkan header dengan suara pria yang sangat kaya.

Referensi Aural CSS

Kolom “CSS” menunjukkan di versi CSS mana properti ditentukan (CSS1 atau CSS2).

PropertiDeskripsiNilaiCSS
azimuthMenetapkan asal suaraangle
left-side
far-left
left
center-left
center
center-right
right
far-right
right-side
behind
leftwards
rightwards
2
cueSet properti isyarat dalam satu deklarasicue-before
cue-after
2
cue-afterMenentukan suara yang akan dimainkan setelah mengucapkan konten elemennone
url
2
cue-beforeMenentukan suara yang akan dimainkan sebelum mengucapkan konten elemennone
url
2
elevationMenetapkan asal suaraangle
below
level
above
higher
lower
2
pauseMenetapkan properti jeda dalam satu deklarasipause-before
pause-after
2
pause-afterMenentukan jeda setelah mengucapkan konten elementime
%
2
pause-beforeMenentukan jeda sebelum mengucapkan konten elementime
%
2
pitchMenentukan suara yang berbicarafrequency
x-low
low
medium
high
x-high
2
pitch-rangeMenentukan variasi dalam suara yang berbicara. (Suara monoton atau suara animasi?)number2
play-duringMenentukan suara yang akan dimainkan saat mengucapkan konten elemenauto
none
url
mix
repeat
2
richnessMenentukan kekayaan suara yang berbicara. (Suara kaya atau suara tipis?)number2
speakMenentukan apakah konten akan dirender aurallynormal
none
spell-out
2
speak-headerMenentukan cara menangani header tabel. Haruskah header diucapkan sebelum setiap sel, atau hanya sebelum sel dengan header berbeda dari sel sebelumnyaalways
once
2
speak-numeralMenentukan cara mengucapkan angkadigits
continuous
2
speak-punctuationMenentukan cara mengucapkan karakter tanda bacanone
code
2
speech-rateMenentukan kecepatan berbicaranumber
x-slow
slow
medium
fast
x-fast
faster
slower
2
stressMenentukan “stres” dalam suara berbicaranumber2
voice-familyMenentukan suara keluarga yang berbicaraspecific-voice
generic-voice
2
volumeMenentukan volume pembicaraannumber
%
silent
x-soft
soft
medium
loud
x-loud
2

You may also like