WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: how to get screen reader to announce single letters as Cee for C?

for

From: Mike Warner
Date: May 13, 2015 12:47PM

The issue was that I had a hangman game where the blanks were getting
replaced by letters. The blanks were in an aria-live region with atomic
set to true to repeat the previously guessed letters. So, if the word were
car, and the user had only guessed C and A already, the screen reader would
read it as kah blank, not Cee Ay blank. I tried adding a hidden comma
after each letter, which worked, but not in IE, which still insisted on
pronouncing the letter as if it were in a word. In the end, I ended up
removing the aria region from the div containing the letter blanks, and put
the list of letters and blanks, separated by commas, with the rest of the
feedback in the aria-live region for the game. It worked out great. Plus,
I can replace any punctuation marks with their word counterparts, so all
screen readers will read them correctly.

Mike