CSS Aural media

CSS aural media is used to specify a block of CSS that applied only when the content is being presented using a speech synthesis device.

   voice-family: paul;
            stress: 40;
            richness: 80;
            cue-before: url("pop.au");
         }

You can see the output below:

CSS Aural media

CSS Aural media-uses

It can be used by following:

  • Used by blind or visually impaired people
  • Help users learning to read and right pronunciation
  • Training
  • Help users who have reading problems
  • Facilitates web access in vehicles
  • Home entertainment
  • Used by print-impaired communities
  • Medical documentation
  • Industrial documentation

CSS Aural media-Properties

  • The cue-after specifies a sound to be played after speaking an element’s content to delimit it from other.
  • The cue-before specifies a sound to be played before speaking an element’s content to delimit it from other.
  • The cue is a shorthand for setting cue-before and cue-after.
  • The pause-after specifies a pause to be observed after speaking an element’s content.
  • The pause-before specifies a pause to be observed before speaking an element’s content.
  • The pause is a shorthand for setting pause-before and pause-after.
  • The pitch specifies the average pitch (a frequency) of the speaking voice.
  • The pitch-range specifies variation in average pitch.
  • The play-during specifies a sound to be played as a background while an element’s content is spoken.
  • The richness specifies the richness, or brightness, of the speaking voice.
  • The speak specifies whether text will be rendered aurally and if so, in what manner.
  • The speak-numeral controls how numerals are spoken.
  • The speak-punctuation specifies how punctuation is spoken.