title: Can you force a screen reader to read numbers as individual digits?
body: <p>Phone numbers are typically all digits, ignoring parens, dashes, pluses, etc., so input fields for phone numbers are typically numeric.</p>
  
  <p>When a screen reader encounters a numeric input field, it'll read the value as a whole number.  For example, if I had three input fields for a US phone number, with the first being the area code (3 digits), then the exchange (3 digits), then the line (4 digits), if the fields have 123, 456, 7890 (respectively), the way we'd normally say that number is "one two three", "four five six", "seven, eight, nine, zero".</p>
  
  <p>But when a screen reader encounters those fields, it says "one hundred twenty-three", "four hundred fifty-six", "seven thousand eight hundred ninety".</p>
  
  <p>I think screen reader users are used to hearing phone numbers as big numbers (at least the guys I've talked to expect that), but that doesn't mean we can't make it better.  If I were to ask one of these guys for their phone number, they wouldn't use big numbers but rather individual digits.</p>
  
  <p>I tried various &lt;input> types and looked through all the roles, states, and properties but don't see anything built in that can force digits to be read.  </p>
  
  <p>All I can think of is to code around it by having a visually hidden &lt;span> that contains the number as separate digits, &lt;span id='foo'>1 2 3&lt;/span>, then having &lt;input aria-labelledby='foo'>.  </p>
  
  <p>Is there a better way?</p>