WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Making characters in their own div show as one word to ascreen reader?

for

From: Swift, Daniel P.
Date: Jan 17, 2018 9:53AM

Do spans produce the same results? I have a couple of hacks in my head ... why are you wrapping the letters in their own elements -- what are you trying to accomplish?

Dan Swift
Senior Web Specialist
Enterprise Services
West Chester University
610.738.0589

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Brandon Keith Biggs
Sent: Wednesday, January 17, 2018 9:44 AM
To: WebAIM Discussion List
Subject: [WebAIM] Making characters in their own div show as one word to a screen reader?

Hello,

How can one make div elements show on the same line without having spaces for a screen reader?

I have characters all in their own div and I need them to look like words and not spaced out letters.

<div>t</div><div>h</div><div>e</div>

This shows:

T

H

E

To a screen reader. Using display: inline makes it a little better with:

T h e

But that still isn't:

The



How can I make multiple divs show as one word?

Thank you,


Brandon Keith Biggs <http://brandonkeithbiggs.com/>;