CSS3 Speech Module

W3C Working Draft 27 July 2004

This version:
http://www.w3.org/TR/2004/WD-css3-speech-20040727
Latest version:
http://www.w3.org/TR/css3-speech
Previous version:
http://www.w3.org/TR/2003/WD-css3-speech-20030514
Editor:
Dave Raggett (W3C/Canon)
Daniel Glazman (Disruptive Innovations)

Abstract

CSS (Cascading Style Sheets) is a language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc. CSS define aural properties that give control over rendering XML to speech. This draft describes the text to speech properties proposed for CSS level 3. These are designed for match the model described in the Speech Synthesis Markup Language (SSML).

The CSS3 Speech Module is a community effort and if you would like to help with implementation and driving the specification forward along the W3C Recommendation track, please contact the editors.

Status of this document

This section describes the status of this document at the time of its publication. Other documents may supersede it. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at http://www.w3.org/TR/.

This document is a draft of one of the "modules" for the upcoming CSS3 specification.

This document is a working draft of the CSS working group which is part of the style activity (see summary). It has been developed in cooperation with the Voice Browser working group.

The CSS working group would like to receive feedback: comments on this draft may be sent to the editors, discussion takes place on the (archived) public mailing list www-style@w3.org (see instructions). W3C Members can also send comments directly to the CSS working group.

This document was produced under the 24 January 2002 CPP as amended by the W3C Patent Policy Transition Procedure. Patent disclosures relevant to CSS may be found on the Working Group's public patent disclosure page.

Table of contents

  1. Dependencies on other modules
  2. Introduction
  3. Mixing properties: 'voice-volume', 'voice-balance'
  4. Speaking properties: ’speak’
  5. Pause properties: ’pause-before’, ’pause-after’, and ’pause’
  6. Cue properties: ’cue-before’, ’cue-after’, and ’cue’
  7. Mark properties: ’mark-before’, ’mark-after’, and ’mark’
  8. Voice characteristic properties: ’voice-rate’, ’voice-family’, ’voice-pitch’, ’voice-pitch-range’, and ’voice-stress’
  9. Duration properties: ’voice-duration’
  10. Phonetic properties: ’phonemes’ and ’@phonetic-alphabet’

Dependencies on other modules

This CSS3 module depends on the following other CSS3 modules:

It has non-normative (informative) references to the following other CSS3 modules:

Introduction

The speech rendering of a document, already commonly used by the blind and print-impaired communities, combines speech synthesis and "auditory icons". Often such aural presentation occurs by converting the document to plain text and feeding this to a screen reader — software or hardware that simply reads all the characters on the screen. This results in less effective presentation than would be the case if the document structure were retained. Style sheet properties for text to speech may be used together with visual properties (mixed media) or as an aural alternative to visual presentation.

Besides the obvious accessibility advantages, there are other large markets for listening to information, including in-car use, industrial and medical documentation systems (intranets), home entertainment, and to help users learning to read or who have difficulty reading.

When using voice properties, the canvas consists of a two channel stereo space and a temporal space (you can specify audio cues before and after synthetic speech). The CSS properties also allow authors to vary the characteristics of synthetic speech (voice type, frequency, inflection, etc.).

Examples:

h1, h2, h3, h4, h5, h6 {
    voice-family: paul;
    voice-stress: 20;
    cue-before: url("ping.au")
}
p.heidi { voice-balance: left; voice-family: female }
p.peter { voice-balance: right; voice-family: male }
p.goat  { voice-level: soft }

This will direct the speech synthesizer to speak headers in a voice (a kind of "audio font") called "paul". Before speaking the headers, a sound sample will be played from the given URL. Paragraphs with class "heidi" will appear to come from the left (if the sound system is capable of stereo), and paragraphs of class "peter" from the right. Paragraphs with class "goat" will be played softly.

Mixing properties: 'voice-volume' and 'voice-balance'

'voice-volume'
Value: <number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inherit
Initial: medium
Applies to: all elements
Inherited: yes
Percentages: refer to inherited value
Media: speech

The voice-volume refers to the amplitude of the waveform output by the speech synthesiser. This may be mixed with other audio sources, influencing the perceived loudness of synthetic speech relative to these sources. Note that voice-volume does not apply to audio cues for which there is a separate means to set the relative loudness.

Values have the following meanings:

<number>
An integer or floating point number in the range '0' to '100'. '0' represents silence (the minimum level), and 100 corresponds to the maximum level. The volume scale is linear amplitude.
<percentage>
Percentage values are calculated relative to the inherited value, and are then clipped to the range '0' to '100'.
silent, x-soft, soft, medium, loud, and x-loud
A sequence of monotonically non-decreasing volume levels. The mapping of these to numerical volume levels is implementation dependent and may vary from one speech synthesizer to the next.

User agents should allow the level corresponding to '100' to be set by the listener. No one setting is universally applicable; suitable values depend on the equipment in use (speakers, headphones), and the environment (in car, home theater, library) and personal preferences.

'voice-balance'
Value: <number> | left | center | right | leftwards | rightwards | inherit
Initial: center
Applies to: all elements
Inherited: yes
Percentages: N/A
Media: speech

voice-balance refers to the balance between left and right channels, and presumes a two channel (stereo) model that is widely supported on consumer audio equipment.

Values have the following meanings:

<number>
An integer or floating point number between '-100' and '100'. For '-100' only the left channel is audible. Simarly for '100' or '+100' only the right channel is audible. For '0' both channels have the same level, so that the speech appears to becoming from the center.
left
Same as '-100'.
center
Same as '0'.
right
Same as '100' or '+100'.
leftwards
Moves the sound to the left, relative to the inherited voice balance. More precisely, subtract 20 from the inherited value and clip the resulting value to the range '-100' and '100'.
rightwards
Moves the sound to the right, relative to the inherited voice balance. More precisely, add 20 to the inherited value and clip the resulting value to the range '-100' and '100'.

Many speech synthesizers only support a single channel. The voice-balance property can then be treated as part of a post synthesis mixing step. This is where speech is mixed with other audio sources. Note that unlike voice-volume, voice-balance does apply to cues.

Speaking properties: 'speak'

An additional speech property, speak-header, is described in the CSS module covering tables.

'speak'
Value: none | normal | spell-out | digits | literal-punctuation | no-punctuation | inherit
Initial: normal
Applies to: all elements
Inherited: yes
Percentages: N/A
Media: speech

This property specifies whether text will be rendered aurally and if so, in what manner. The possible values are:

none
Suppresses aural rendering so that the element requires no time to render. Note, however, that descendants may override this value and will be spoken. (To be sure to suppress rendering of an element and its descendants, use the 'display' property).
normal
Uses language-dependent pronunciation rules for rendering an element and its children. Punctuation is not to be spoken, but instead rendered naturally as various pauses.
spell-out
Spells the text one letter at a time (useful for acronyms and abbreviations). In languages where accented characters are rare, it is permitted to drop accents in favor of alternative unaccented spellings. As as example, in English, the word "rôle" can also be written as "role". A conforming implementation would thus be able to spell-out "rôle" as "R O L E".
digits
Speak numbers one digit at a time, for instance, "twelve" would be spoken as "one two", and "31" as "three one".
literal-punctuation
Similar as 'normal' value but punctuation such as semicolons, braces, and so on are to be spoken literally.
no-punctuation
Similar as 'normal' value but punctuation is not to be spoken nor rendered as various pauses.

Note the difference between an element whose 'voice-level' property has a value of 'silent' and an element whose 'speak' property has the value 'none'. The former takes up the same time as if it had been spoken, including any pause before and after the element, but no sound is generated. The latter requires no time and is not rendered (though its descendants may be).

Speech synthesizers are knowledgeable about what is a number and what isn't. The speak property gives authors the means to control how the synthesizer renders the numbers it discovers in the source text, and may be implemented as a preprocessing step before passing the text to the speech synthesizer.

Pause properties:'pause-before', 'pause-after', and 'pause'

'pause-before'
Value: <time> | none | x-weak | weak | medium | strong | x-strong | inherit
Initial: implementation dependent
Applies to: all elements
Inherited: no
Percentages: N/A
Media: speech

 

'pause-after'
Value: <time> | none | x-weak | weak | medium | strong | x-strong | inherit
Initial: implementation dependent
Applies to: all elements
Inherited: no
Percentages: N/A
Media: speech

These properties specify a pause or prosodic boundary to be observed before (or after) speaking an element's content. Values have the following meanings:

<time>
Expresses the pause in absolute time units (seconds and milliseconds, e.g. "3s", "250ms").
none, x-weak, weak, medium, strong, and x-strong
These values may be used to indicate the prosodic strength of the break in speech output. The synthesis processor may insert a pause as part of its implementation of the prosodic break. The value "none" indicates that no prosodic break boundary should be output, and can be used to inhibit a prosodic break which the processor would otherwise produce. The other values indicate monotonically non-decreasing (conceptually increasing) break strength between words. The stronger boundaries are typically accompanied by pauses. "x-weak" and "x-strong" are mnemonics for "extra weak" and "extra strong", respectively. The breaks between paragraphs are typically much stronger than the breaks between words within a sentence.

The pause is inserted between the element's content and any 'cue-before' or 'cue-after' content. Adjacent pauses should be merged by selecting the strongest named break and the longest absolute time interval. Thus 'strong' is selected when comparing 'strong' and 'weak', while "1s" is selected when comparing "1s" and "250mS". A combination of a named break and time duration is treated additively.

'pause'
Value: [ <'pause-before'> || <'pause-after'> ] | inherit
Initial: implementation dependent
Applies to: all elements
Inherited: no
Percentages: N/A
Media: speech

The 'pause' property is a shorthand for setting 'pause-before' and 'pause-after'. If two values are given, the first value is 'pause-before' and the second is 'pause-after'. If only one value is given, it applies to both properties.

Examples:

H1 { pause: 20ms } /* pause-before: 20ms; pause-after: 20ms */
H2 { pause: 30ms 40ms } /* pause-before: 30ms; pause-after: 40ms */
H3 { pause-after: 10ms } /* pause-before: unspecified; pause-after: 10ms */

Cue properties: 'cue-before', 'cue-after', and 'cue'

'cue-before'
Value: <uri> [<number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud] | none | inherit
Initial: none
Applies to: all elements
Inherited: no
Percentages: apply to inherited value for voice-volume
Media: speech

 

'cue-after'
Value: <uri> [<number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud] | none | inherit
Initial: none
Applies to: all elements
Inherited: no
Percentages: apply to inherited value for voice-volume
Media: speech

Auditory icons are another way to distinguish semantic elements. Sounds may be played before and/or after the element to delimit it. Values have the following meanings:

<uri>
The URI must designate an auditory icon resource. If the URI resolves to something other than an audio file, such as an image, the resource should be ignored and the property treated as if it had the value 'none'.
none
No auditory icon is specified.
<number>
An integer or floating point number in the range '0' to '100'. '0' represents silence (the minimum level), and 100 corresponds to the maximum level. The volume scale is linear amplitude.
<percentage>
Percentage values are calculated relative to the inherited value of the 'voice-volume' property, and are then clipped to the range '0' to '100'. By basing the percentage upon the inherited value for voice-volume, it is easy to adjust the relative loudness of cues compared to synthetic speech for whatever volume setting has been provided for that speech.
silent, x-soft, soft, medium, loud, and x-loud
A sequence of monotonically non-decreasing volume levels. The mapping of these to numerical volume levels is implementation dependent, but the intention is to match the corresponding levels for voice-volume.

Examples:

A {cue-before: url("bell.aiff"); cue-after: url("dong.wav") }
H1 {cue-before: url("pop.au"); cue-after: url("pop.au") }
'cue'
Value: [ <'cue-before'> || <'cue-after'> ] | inherit
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentages: apply to inherited value for voice-volume
Media: speech

The 'cue' property is a shorthand for setting 'cue-before' and 'cue-after'. If two values are given the first value is 'cue-before' and the second is 'cue-after'. If only one value is given, it applies to both properties.

The following two rules are equivalent:

H1 {cue-before: url("pop.au"); cue-after: url("pop.au") }
H1 {cue: url("pop.au") }

If a user agent cannot render an auditory icon (e.g., the user's environment does not permit it), we recommend that it produce an alternative cue (e.g., popping up a warning, emitting a warning sound, etc.)

Please see the sections on the :before and :after pseudo-elements for information on other content generation techniques.

Mark properties: 'mark-before', 'mark-after', and 'mark'

'mark-before'
Value: <string>
Initial: none
Applies to: all elements
Inherited: no
Percentages: N/A
Media: speech

 

'mark-after'
Value: <string>
Initial: none
Applies to: all elements
Inherited: no
Percentages: N/A
Media: speech

The mark properties allow named markers to be attached to the audio stream. For compatibility with SSML, this must conform to the xsd:token datatype as defined in XML Schema. Synthesis processors must do one or both of the following when encountering a mark:

The mark properties have no audible effect on the speech and instead just serve to mark points in the stream.

Values have the following meanings:

<string>
A string to be used as the name of the mark.
attr(attribute-name)
The name of the mark is taken from the value of the named attribute.

Examples:

H1 {mark-before: section}
p {mark-before: attr("id") }
'mark'
Value: [ <'mark-before'> || <'mark-after'> ]
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentages: N/A
Media: speech

The 'mark' property is a shorthand for setting 'mark-before' and 'mark-after'. If two values are given the first value is 'mark-before' and the second is 'mark-after'. If only one value is given, it applies to both properties.

The following two rules are equivalent:

div {mark-before: start; mark-after: end }
div {mark: begin end }

Voice characteristic properties: 'voice-family', 'voice-rate', 'voice-pitch', 'voice-pitch-range', and 'voice-stress'

'voice-family'
Value: [[<specific-voice> | [<age>] <generic-voice>] [<number>],]* [<specific-voice> | [<age>] <generic-voice>] [<number>] | inherit
Initial: implementation dependent
Applies to: all elements
Inherited: yes
Percentages: N/A
Media: speech

The value is a comma-separated, prioritized list of voice family names (compare with 'font-family'). Values have the following meanings:

<specific-voice>
Values are specific instances (e.g., comedian, mary, carlos, "valley-girl").
<age>
Possible values are 'child', 'young' and 'old'.
<generic-voice>
Values are voice families. Possible values are 'male' and 'female'.
<number>
Indicates a preferred variant of the other voice characteristics. (e.g. the second or next male voice). Possible values are positive integers.

Examples:

h1 { voice-family: announcer, old male }
p.part.romeo { voice-family: romeo, young male }
p.part.juliet { voice-family: juliet, female }
p.part.mercutio { voice-family: male 2 }
p.part.tybalt { voice-family: male 3 }
p.part.nurse { voice-family: child female }

Names of specific voices may be quoted, and indeed must be quoted if any of the words that make up the name does not conform to the syntax rules for identifiers. Any whitespace characters before and after the voice name are ignored. For compatibility with SSML, whitespace characters are not permitted within voice names.

The voice-family property is used to guide the selection of the voice to be used for speech synthesis. The overriding priority is to match the language specified by the xml:lang attribute as per the XML 1.0 specification, and as inherited by nested elements until overridden by a further xml:lang attribute.

If there is no voice available for the requested value of xml:lang, the processor should select a voice that is closest to the requested language (e.g. a variant or dialect of the same language). If there are multiple such voices available, the processor should use a voice that best matches the values provided with the voice-volume property. It is an error if there are no such matches.

'voice-rate'
Value: <percentage> | x-slow | slow | medium | fast | x-fast | inherit
Initial: implementation dependent
Applies to: all elements
Inherited: yes
Percentages: refer to default value
Media: speech

This property controls the speaking rate. The default rate for a voice depends on the language and dialect and on the personality of the voice. The default rate for a voice should be such that it is experienced as a normal speaking rate for the voice when reading aloud text. Since voices are processor-specific, the default rate will be as well.

<percentage>
Applies to the default speaking rate for each voice. Thus 50% means half the normal rate for this voice.
x-slow, slow, medium, fast and x-fast
A sequence of monotonically non-decreasing speaking rates that are implementation and voice specific.
'voice-pitch'
Value: <number> | <percentage> | x-low | low | medium | high | x-high | inherit
Initial: medium
Applies to: all elements
Inherited: yes
Percentages: refer to inherited value
Media: speech

Specifies the average pitch (a frequency) of the speaking voice. The average pitch of a voice depends on the voice family. For example, the average pitch for a standard male voice is around 120Hz, but for a female voice, it's around 210Hz.

Values have the following meanings:

<number>
A positive integer or floating point number that specifies the average pitch of the speaking voice in Hertz.
<percentage>
Specifies a relative change to the inherited value.
x-low, low, medium, high, x-high
A sequence of monotonically non-decreasing pitch levels that are implementation and voice specific.

ISSUE: should we also allow for relative changes in terms of semitones as permitted by SSML?

'voice-pitch-range'
Value: <number> | x-low | low | medium | high | x-high | inherit
Initial: implementation dependent
Applies to: all elements
Inherited: yes
Percentages: refer to inherited value
Media: speech

Specifies variation in average pitch. The perceived pitch of a human voice is determined by the fundamental frequency and typically has a value of 120Hz for a male voice and 210Hz for a female voice. Human languages are spoken with varying inflection and pitch; these variations convey additional meaning and emphasis. Thus, a highly animated voice, i.e., one that is heavily inflected, displays a high pitch range. This property specifies the range over which these variations occur, i.e., how much the fundamental frequency may deviate from the average pitch.

Values have the following meanings:

<number>
An non-negative integer or floating point number indicating pitch range in Hertz. Low ranges produce a flat, monotonic voice. A high range produces animated voices.
<percentage>
Specifies a relative change to the inherited value.
x-low, low, medium, high and x-high
A sequence of monotonically non-decreasing pitch ranges that are implementation and language dependent.

ISSUE: should we also allow for relative changes in terms of semitones as permitted by SSML?

'voice-stress'
Value: strong | moderate | none | reduced | inherit
Initial: moderate
Applies to: all elements
Inherited: yes
Percentages: N/A
Media: speech

Indicates the strength of emphasis to be applied. Emphasis is indicated using a combination of pitch change, timing changes, loudness and other acoustic differences) that varies from one language to the next.

Values have the following meanings:

none, moderate and strong
These are monotonically non-decreasing in strength, with the precise meanings dependent on language being spoken. The value 'none' inhibits the synthesizer from emphasizing words it would normally emphasize.
reduced
Effectively the opposite of emphasizing a word. For example, when the phrase "going to" is reduced it may be spoken as "gonna".

Duration property: 'voice-duration'

'voice-duration'
Value: <time>
Initial: implementation dependent
Applies to: all elements
Inherited: no
Percentages: N/A
Media: speech

This allows authors to specify how long they want a given element to be rendered. This property overrides the 'voice-rate' property. Values have the following meanings:

<time>

Specifies a value in seconds or milliseconds for the desired time to take to speak the element contents, for instance, "250ms", or "3s".

Phonetics: 'phonemes', '@phonetic-alphabet and 'content'

'phonemes'
Value: <string>
Initial: implementation dependent
Applies to: all elements
Inherited: no
Percentages: N/A
Media: speech

This allows authors to specify a phonetic pronunciation for the text contained by the corresponding element. The default alphabet for the pronunciation string is the International Phonetic Alphabet ("ipa"). The phonetic alphabet can be explicitly specified using the @phonetic-alphabet rule, for instance:

Example:

@phonetic-alphabet "ipa";

#tomato { phonemes: "t&#594;m&#593;to&#650;" }

This will direct the speech synthesizer to replace the default pronunciation by the corresponding sequence of phonemes in the designated alphabet.

Sometimes, authors will want to specify a mapping from the source text into another string prior to the application of the regular pronunciation rules. This may be used for uncommon acronyms which are unlikely to be recognized by the synthesizer. The 'content' property can be used to replace one string by another. In the following example, the acronym element is rendered using the content of the title attribute instead of the element's content:

Example:

acronym { content: attr(title) }
  ...

<acronym title="world wide web consortium">W3C</acronym>

This replaces the content of the selected element by the string "world wide web consortium".

Editor's note: The alphabet is specified via an at-rule to avoid problems with inappropriate cascades that can occur of the alphabet was set via a property.


Appendix A — Changes from previous draft

The main changes have been to align the definitions with the latest version of SSML as it approaches W3C Recommendation status. This effects voice-volume, voice-rate, voice-pitch, voice-pitch-range, and voice-stress, where the enumerated logical values are now defined as monotonically non-decreasing sequences to match SSML. Named relative values such as louder and softer have been dropped since they are not supported by SSML and can't be related through percentage changes to the enumeration of logical values.

The cue- properties have been modified to allow the cue volume to be set independently or relative to that of synthetic speech.

The mark-before, mark-after and mark properties have been introduced to take advantage of SSML's mark feature, which is often used for rewinding back to a marked point in an audio stream.

The interpret-as property has been temporarily dropped until the Voice Browser working group has further progressed work on the SSML <say-as> element.

Appendix B — Profiles

TBD

Appendix C — Acknowledgements

The editors would like to thank the members of the W3C Voice Browser and Cascading Style Sheets working groups for their assistance in preparing this new draft. Special thanks to Ellen Eide (IBM) for her detailed comments.

Appendix C — References

TBD