WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Masking H1

for

From: Aaron Cannon
Date: Nov 17, 2016 11:13AM

#2 seems much more maintainable and less hacky to me, assuming it works with VO.

Aaron

--
This message was sent from a mobile device


> On Nov 17, 2016, at 11:59, Beranek, Nicholas < <EMAIL REMOVED> > wrote:
>
> Hey JP,
>
> You have a few options:
>
> 1) Decrease the width of the container to force each word on a new line;
> 2) Or instead of using a <br />, wrap each word in a <span> and use display: block to ensure each word has its own line
>
> Does that make sense? Tested with NVDA and Firefox and having each word wrapped in a <span> still reads out the string in its entirety versus "heading level 1 Good", "heading level 1 Morning", etc.
>
> Nick Beranek
> Capital One
>
>