Difference between revisions of "CSS Speech"

From Level Access Web Labs
Jump to navigation Jump to search
Line 7: Line 7:
 
   .box {
 
   .box {
 
     border: thin solid black;
 
     border: thin solid black;
     margin:1em;  
+
     margin:1em;
 +
    padding:.5em;
 
   }
 
   }
 
   .dig {
 
   .dig {

Revision as of 15:35, 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