Difference between revisions of "CSS Speech"
Jump to navigation
Jump to search
| Line 27: | Line 27: | ||
<h3>Text with no CSS speech applied</h3> | <h3>Text with no CSS speech applied</h3> | ||
<p> it </p> | <p> it </p> | ||
| − | < | + | <h3>Text with CSS spell-out applied</h3> |
<p class="spell-out"> it </p> | <p class="spell-out"> it </p> | ||
</div> | </div> | ||
| Line 34: | Line 34: | ||
<h3>Text without literal punctuation applied</h3> | <h3>Text without literal punctuation applied</h3> | ||
<p> else { return true; } </p> | <p> else { return true; } </p> | ||
| − | < | + | <h3>Text with Literal punctuation applied</h3> |
<p class="punc"> else { return true; } </p> | <p class="punc"> else { return true; } </p> | ||
</div> | </div> | ||
| Line 42: | Line 42: | ||
<p> 123 John St. south </p> | <p> 123 John St. south </p> | ||
<p> 10428 Key St west </p> | <p> 10428 Key St west </p> | ||
| − | < | + | <h3>Text with Digits applied</h3> |
<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 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
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
