Difference between revisions of "CSS Speech"
Jump to navigation
Jump to search
(And again...) |
|||
(2 intermediate revisions by the same user not shown) | |||
Line 45: | Line 45: | ||
<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> | ||
+ | <h3>Text with Digits and spell-out applied</h3> | ||
+ | <p class="dig spell-out"> 123 John St. south </p> | ||
+ | <p class="dig spell-out"> 10428 Key St west </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="box"> | ||
+ | <h3>Wierd Spanish issue</h3> | ||
+ | <p lang="es">CP2000/CP2501/CP3219A</p> | ||
+ | <h3>Text with spell-out applied</h3> | ||
+ | <p class="spell-out" lang="es">cp2000/cp2501/cp3219a</p> | ||
</div> | </div> | ||
Latest revision as of 01:25, 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
Wierd Spanish issue
CP2000/CP2501/CP3219A
Text with spell-out applied
cp2000/cp2501/cp3219a