Difference between revisions of "CSS Speech"

From Level Access Web Labs
Jump to navigation Jump to search
(Add class="dig spell-out" examples)
(Add test for FD EFTPS Spanish issue)
Line 48: Line 48:
 
   <p class="dig spell-out"> 123 John St. south </p>
 
   <p class="dig spell-out"> 123 John St. south </p>
 
   <p class="dig spell-out"> 10428 Key St west </p>
 
   <p class="dig spell-out"> 10428 Key St west </p>
 +
</div>
 +
 +
<div class="box" lang="es">
 +
  <h3>CP2000/CP2501/CP3219A</h3>
 +
  <p>CP2000/CP2501/CP3219A</p>
 +
  <h3>Text with spell-out applied</h3>
 +
  <p class="spell-out">CP2000/CP2501/CP3219A</p>
 
</div>
 
</div>
  

Revision as of 01:23, 20 May 2017

  • 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

Text with CSS spell-out applied

it

Text without literal punctuation applied

else { return true; }

Text with Literal punctuation applied

else { return true; }

Text without digits applied

123 John St. south

10428 Key St west

Text with Digits applied

123 John St. south

10428 Key St west

Text with Digits and spell-out applied

123 John St. south

10428 Key St west

CP2000/CP2501/CP3219A

CP2000/CP2501/CP3219A

Text with spell-out applied

CP2000/CP2501/CP3219A