speak-as-literal-punctuation-001-manual.html (1587B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test: speak-as literal-punctuation</title> 5 <link rel="author" title="Alexander Lehner" href="mailto:alexlehner86@gmail.com"> 6 <link rel="help" href="https://www.w3.org/TR/css-speech-1/#speaking-props-speak-as"> 7 <meta 8 name="flags" 9 content="speech" 10 > 11 <meta 12 name="assert" 13 content="The literal-punctuation value of speak-as makes screen readers announce punctuation." 14 > 15 <style> 16 p.speak-as-literal-punctuation { speak-as: literal-punctuation; } 17 </style> 18 </head> 19 <body> 20 <h1>Test Case</h1> 21 <p> 22 The punctuation in the following text should be announced by screen readers: 23 </p> 24 <p class="speak-as-literal-punctuation">class MyClass { myProperty = 1; }</p> 25 <h2>Instructions for Manual Test</h2> 26 <ol> 27 <li>Open the website in your browser.</li> 28 <li> 29 Activate your screen reader (NVDA, VoiceOver, TalkBack etc.). 30 </li> 31 <li> 32 Set verbosity preferences of the screen reader to default setting, which ignores most punctuation (e.g. comma, period, parentheses). 33 </li> 34 <li>In the screen reader's browse mode, navigate to the paragraph following the first heading.</li> 35 <li> 36 The screen reader should still announce all punctuation (parentheses, semicolon etc.) in the paragraph. 37 </li> 38 </ol> 39 </body> 40 </html>