Difference between revisions of "CSS Speech"

From Level Access Web Labs
Jump to navigation Jump to search
Line 18: Line 18:
 
</head>
 
</head>
 
<body>
 
<body>
 +
 +
<p>Text with no CSS speech applied</p>
 
<p> it </p>
 
<p> it </p>
 +
 
<p>CSS spell-out applied</p>
 
<p>CSS spell-out applied</p>
 
<p class="spell-out"> it </p>
 
<p class="spell-out"> it </p>

Revision as of 15:40, 16 October 2014

  • This page demonstrates some aspects of the CSS 3 Speech functionality: digits and literal-punctuation.
  • Currently these are only supported by VoiceOver on iOS

Text with no CSS speech applied

it

CSS spell-out applied

it

else { return true; }

Literal punctuation applied

else { return true; }

123 John St. south

10428 Key St west

Digits applied

123 John St. south

10428 Key St west