WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Masking H1

for

From: Beranek, Nicholas
Date: Nov 17, 2016 10:59AM

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