CSS Aural Media

CSS Aural Media: Aural Style Sheets in CSS is used to make user listen to the information rather than reading the information which uses the combination of speech synthesis and sound effects.



CSS Aural Media – Aural Style Sheet Uses

  • For the blind people.
  • To help users who have a reading problem.
  • To help users willing to learn reading.
  • For the home entertainment.
  • While driving in the car.
  • By printing impaired communities.

CSS Aural Media Example

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

This above example will help to activate speech synthesizers and speak in a rich male voice.

CSS Aural Media Property Values

Property Description Values
azimuth Sets where the sound should come from angle
left-side
far-left
left
center-left
center
center-right
right
far-right
right-side
behind
leftwards
rightwards
cue Sets the cue properties in one declaration cue-before
cue-after
cue-after Specifies a sound to be played after speaking an element’s content none
url
cue-before Specifies a sound to be played before
speaking an element’s content
none
url
pause Sets the pause properties in one declaration pause-before
pause-after
pause-after Specifies a pause after speaking an element’s content time
%
pause-before Specifies a pause before speaking an element’s content time
%
elevation Sets where the sound should come from angle
below
level
above
higher
lower
speak Specifies whether content will render aurally normal
none
spell-out
speak-header Specifies how to handle table headers. Should the headers be spoken before every cell, or only before a cell with a different header than the previous cell always
once
speak-numeral Specifies how to speak numbers digits
continuous
speak-punctuation Specifies how to speak punctuation characters none
code
speech-rate Specifies the speed of the speaking number
x-slow
slow
medium
fast
x-fast
faster
slower
pitch Specifies the speaking voice frequency
x-low
low
medium
high
x-high
pitch-range Specifies the variation in the speaking voice. (Monotone voice or animated voice?) number
play-during Specifies a sound to be played while speaking an element’s content auto
none
url
mix
repeat
richness Specifies the richness of the speaking voice. (Rich voice or thin voice?) number
stress Specifies the “stress” in the speaking voice number
voice-family Specifies the voice family of the speaking specific-voice
generic-voice
volume Specifies the volume of the speaking number number
%
silent
x-soft
soft
medium
loud
x-loud