WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Brandon Keith Biggs
Date: Jan 17, 2018 10:31AM

Hello,
Spans produce:
t h e
and not:
the
Thank you,


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

On Wed, Jan 17, 2018 at 8:53 AM, Swift, Daniel P. < <EMAIL REMOVED> > wrote:

> 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/>;
> > > at http://webaim.org/discussion/archives
> > > > > >