bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch

Loading lesson path

Learn/CSS/Reference and Practice
CSS•Reference and Practice

CSS Aural Reference

Concept visual

CSS Aural Reference

Pointer walk
two pointers
leftright102132436485116
left=0
right=6
1
3

Start at both ends

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:

@media aural {

h1, h2, h3, h4

{
voice-family: male;
richness: 80;

Formula

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.

Note:

The aural CSS media type is deprecated.

CSS Aural Reference

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

Formula

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 elevation Sets where the sound should come from angle below level above higher lower pause

Formula

Sets the pause properties in one declaration pause - before pause - after pause - after

Specifies a pause after speaking an element's content time %

Formula

pause - before

Specifies a pause before speaking an element's content time % pitch

Formula

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?)

Formula

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 speak

Formula

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

Formula

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 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

%

Formula

silent x - soft soft medium loud x - loud

Previous

CSS and HTML Website Hosting

Next

CSS Syllabus