| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>CSS Test: speak-as digits</title> |
| <link rel="author" title="Alexander Lehner" href="mailto:[email protected]"> |
| <link rel="help" href="https://www.w3.org/TR/css-speech-1/#speaking-props-speak-as"> |
| <meta |
| name="flags" |
| content="speech" |
| > |
| <meta |
| name="assert" |
| content="The digits value of speak-as makes screen readers read a number one digit at a time." |
| > |
| <style> |
| p.speak-as-digits { speak-as: digits; } |
| </style> |
| </head> |
| <body> |
| <h1>Test Case</h1> |
| <p> |
| The following bank account number (IBAN) should be read one digit at a time: |
| </p> |
| <p class="speak-as-digits">AT20 4200 2950 9100 8000</p> |
| <h2>Instructions for Manual Test</h2> |
| <ol> |
| <li>Open the website in your browser.</li> |
| <li> |
| Activate your screen reader (NVDA, VoiceOver, TalkBack etc.) and, in browse mode, navigate to the paragraph following the first heading. |
| </li> |
| <li> |
| The screen reader should read the bank account number one digit at a time: two zero four two zero zero two nine five zero nine one zero zero eight zero zero zero |
| </li> |
| </ol> |
| </body> |
| </html> |
