Difference between revisions of "CSS Speech"

From Level Access Web Labs
Jump to navigation Jump to search
Line 25: Line 25:
  
 
<div class="box">
 
<div class="box">
   <p>Text with no CSS speech applied</p>
+
   <h3>Text with no CSS speech applied</h3>
 
   <p> it </p>
 
   <p> it </p>
 
   <p>CSS spell-out applied</p>
 
   <p>CSS spell-out applied</p>
Line 32: Line 32:
  
 
<div class="box">
 
<div class="box">
   <p>Text without literal punctuation applied</p>
+
   <h3>Text without literal punctuation applied</h3>
 
   <p> else { return true; } </p>
 
   <p> else { return true; } </p>
 
   <p>Literal punctuation applied</p>
 
   <p>Literal punctuation applied</p>
Line 39: Line 39:
  
 
<div class="box">
 
<div class="box">
   <p>Text without digits applied</p>
+
   <h3>Text without digits applied</h3>
 
   <p> 123 John St. south </p>
 
   <p> 123 John St. south </p>
 
   <p> 10428 Key St west </p>
 
   <p> 10428 Key St west </p>

Revision as of 15:36, 2 December 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

Text without literal punctuation applied

else { return true; }

Literal punctuation applied

else { return true; }

Text without digits applied

123 John St. south

10428 Key St west

Digits applied

123 John St. south

10428 Key St west