CSS Aural Reference
<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]-->
CSS Aural Reference
❮ Previous
Next ❯
Aural Style Sheets
Aural style sheets use a combination of speech synthesis and sound effects to make the user listen to information, instead of reading information.
Aural presentation can be used:
- by blind people
- to help users learning to read
- to help users who have reading problems
- for home entertainment
- in the car
- by print-impaired communities
The aural presentation converts the document to plain text and feed this to a
screen reader (a program that reads all the characters on the screen).
An example of an Aural style sheet:
h1, h2, h3, h4
{
voice-family: male;
richness: 80;
cue-before: url("beep.au")
}
The example above will make the speech synthesizer play a sound, then speak the headers in a very rich male voice.
<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]-->
CSS Aural Reference
The "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).
| Property | Description | Values | CSS |
|---|---|---|---|
| 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 | 2 |
| cue | Sets the cue properties in one declaration | cue-before cue-after | 2 |
| cue-after | Specifies a sound to be played after speaking an element's content | none url | 2 |
| cue-before | Specifies a sound to be played before speaking an element's content | none url | 2 |
| elevation | Sets where the sound should come from | angle below level above higher lower | 2 |
| pause | Sets the pause properties in one declaration | pause-before pause-after | 2 |
| pause-after | Specifies a pause after speaking an element's content | time % | 2 |
| pause-before | Specifies a pause before speaking an element's content | time % | 2 |
| pitch | Specifies the speaking voice | frequency x-low low medium high x-high | 2 |
| pitch-range | Specifies the variation in the speaking voice. (Monotone voice or animated voice?) | number | 2 |
| play-during | Specifies a sound to be played while speaking an element's content | auto none url mix repeat | 2 |
| richness | Specifies the richness of the speaking voice. (Rich voice or thin voice?) | number | 2 |
| speak | Specifies whether content will render aurally | normal none spell-out | 2 |
| 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 | 2 |
| speak-numeral | Specifies how to speak numbers | digits continuous | 2 |
| speak-punctuation | Specifies how to speak punctuation characters | none code | 2 |
| speech-rate | Specifies the speed of the speaking | number x-slow slow medium fast x-fast faster slower | 2 |
| stress | Specifies the "stress" in the speaking voice | number | 2 |
| voice-family | Specifies the voice family of the speaking | specific-voice generic-voice | 2 |
| volume | Specifies the volume of the speaking | number % silent x-soft soft medium loud x-loud | 2 |
❮ Previous
Next ❯