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: Steve Green
Date: Jan 17, 2018 8:34AM

You need to set the padding and margin on your div element to zero and it will look like a word.

Steve Green
Managing Director
Test Partners Ltd


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Brandon Keith Biggs
Sent: 17 January 2018 14:44
To: WebAIM Discussion List < <EMAIL REMOVED> >
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/>;