CSS3:CSS Hearing Reference Manual

YLBTECH-CSS3:CSS Hearing Reference Manual

1. back to top

1. Auditory style sheet

Auditory style sheets combine speech synthesis with sound effects, allowing users to hear information without having to read.

Auditory rendering can be used to:

• People with low visual ability
• Help users learn to read
• Help users with Dyslexia
• Home Entertainment
• Used in automobiles

Auditory rendering typically translates a document into plain text and then to a screen reader (a program that can read all the characters on the screen).

An example of an auditory style sheet:

H1, H2, H3, H4{voice-family:male;richness:80;cue-before:url ("beep.au")}

The example above allows the speech synthesizer to play a sound, and then read the title with a male voice.

CSS2 Auditory Reference

The number of the "CSS1" column shows which CSS standard the attribute is defined by (or CSS2).

the

Properties	Description	value
Azimuth	Sets where the sound/voices should come from (horizontally)	Angle Left-side Far-left Left Center-left Center Center-right Right Far-right Right-side Behind Leftwards Rightwards	2
Cue	A Shorthand property for setting the Cue-before and Cue-after properties in one declaration	Cue-before Cue-after	2
Cue-after	Specifies a sound to being played after speaking an element's content to delimit it from the other	None Url	2
Cue-before	Specifies a sound to being played before speaking an element ' s content-to-delimit it from the other	None Url	2
Elevation	Sets where the sound/voices should come from (vertically)	Angle Below Level Above Higher Lower	2
Pause	A Shorthand property for setting the Pause-before and Pause-after 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 being played while speaking a element ' s content	Auto None Url Mix Repeat	2
Richness	Specifies the richness in the speaking voice. (Rich voice or thin voice?)	Number	2
Speak	Specifies whether content would render aurally	Normal None Spell-out	2
Speak-header	Specifies how to handle table headers. Should the headers is 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	A prioritized List of voice family names that contain specific voices	Specific-voice Generic-voice	2
Volume	Specifies the volume of the Speaking	Number % Silent X-soft Soft Medium Loud X-loud	2

2.

2. back to top

3. back to top

4. back to top

5. back to top

1, http://www.w3school.com.cn/cssref/css_ref_aural.asp

6. back to top

Ylbtech Source: http://ylbtech.cnblogs.com/ This article is copyright to the author and the blog Park, Welcome to reprint, but without the consent of the author must retain this paragraph, and in the article page obvious location to the original link, otherwise reserves the right to pursue legal responsibility.

CSS3:CSS Hearing Reference Manual