Difference between revisions of "CSS Speech"

From Level Access Web Labs
Jump to navigation Jump to search
Line 6: Line 6:
 
  speak: digits;
 
  speak: digits;
 
  }
 
  }
  .test {
+
  .punc {
 
  speak: literal-punctuation;
 
  speak: literal-punctuation;
 
  }
 
  }
Line 16: Line 16:
 
</head>
 
</head>
 
<body>
 
<body>
<p> It </p>
+
<p> it </p>
 +
<p>CSS spell-out applied</p>
 
<p class="spell-out"> it </p>
 
<p class="spell-out"> it </p>
<p> John St. north </p>
+
 
<p> Key St east </p>
+
<p> else { return true; } </p>
<p class="test"> John St. south </p>
+
<p>Literal punctuation applied</p>
<p class="test"> Key St west </p>
+
<p class="punc"> else { return true; } </p>
 +
 
 +
<p> 123 John St. south </p>
 +
<p> 10428 Key St west </p>
 +
<p>Digits applied</p>
 
<p class="dig"> 123 John St. south </p>
 
<p class="dig"> 123 John St. south </p>
 
<p class="dig"> 10428 Key St west </p>
 
<p class="dig"> 10428 Key St west </p>

Revision as of 17:13, 30 September 2014

  • This page demonstrates some aspects of the CSS 3 Speech functionality: digits and literal-punctuation.

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