WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: NVDA not reading text

for

Number of posts in this thread: 4 (In chronological order)

From: Sudheer Babu
Date: Thu, Nov 29 2018 12:52AM
Subject: NVDA not reading text
No previous message | Next message →

Hi all,

There's this text (Text Goes HERE) we have in a header container which is
not being accessible with arrow keys using NVDA.

<div class="flyout-container" style="top: 64px;"><div
class="scrollbar-container ps"><div class="top-content"><span
class="flyout-items__heading">Text Goes HERE</span><div
class="flyout-items__description"><p> Text Goes HERE</p>
</div></div><div class="Signin"><div class="cta-link"><p> Text Goes HERE
</p><a class="cta" href="/Customer/Account/Signin.aspx" tabindex="0"
target="_blank" data-nav-context="header" data-nav-type="saved-items"
data-nav-name="sign-in"><span class="cta-content"><span class="cta-text"
tabindex="-1">Sign in now </span><span
class="icon-Right"></span></span></a></div></div><div class="ps__rail-x"
style="left: 0px; bottom: 0px;"><div class="ps__thumb-x" tabindex="0"
style="left: 0px;"></div></div><div class="ps__rail-y" style="top: 0px;
height: 171px; right: 0px;"><div class="ps__thumb-y" tabindex="0"
style="top: 0px; height: 94px;"></div></div></div></div>

appreciate if someone can help out here.

Thanks in advance!
Sudheer

From: glen walker
Date: Thu, Nov 29 2018 1:00AM
Subject: Re: NVDA not reading text
← Previous message | Next message →

The string "Text Goes HERE" appears three times in your code example. Once
in a span and two times in a paragraph tag. When I copy that code to an
html file and use NVDA on Firefox and I use the down arrow, I can hear all
three versions.

I'm not sure what you mean by a "header container". Do you mean the
<header> element? Or are you using the word "header" to really mean
"heading", such as an h1 or h2? Either way, your code example didn't have
a <header> element or any heading elements.

There are a lot of "flyout" classes. Not sure what those are doing.

From: Mallory
Date: Thu, Nov 29 2018 2:29AM
Subject: Re: NVDA not reading text
← Previous message | Next message →

Makes me think what's important here is the CSS for these elements holding the text: if any of them have display: none (flyouts often do until you open them) or visibility: hidden for example.

_mallory

On Thu, Nov 29, 2018, at 9:00 AM, glen walker wrote:
> The string "Text Goes HERE" appears three times in your code example. Once
> in a span and two times in a paragraph tag. When I copy that code to an
> html file and use NVDA on Firefox and I use the down arrow, I can hear all
> three versions.
>
> I'm not sure what you mean by a "header container". Do you mean the
> <header> element? Or are you using the word "header" to really mean
> "heading", such as an h1 or h2? Either way, your code example didn't have
> a <header> element or any heading elements.
>
> There are a lot of "flyout" classes. Not sure what those are doing.
> > > >

From: Sudheer Babu
Date: Tue, Dec 11 2018 8:32AM
Subject: Re: NVDA not reading text
← Previous message | No next message

Thanks everyone, the link that was invoking the flyout was marked up with
role=button, changed it to "link" and everything works fine now 😊

On Thu, Nov 29, 2018, 3:00 PM Mallory < = EMAIL ADDRESS REMOVED = > wrote:

> Makes me think what's important here is the CSS for these elements holding
> the text: if any of them have display: none (flyouts often do until you
> open them) or visibility: hidden for example.
>
> _mallory
>
> On Thu, Nov 29, 2018, at 9:00 AM, glen walker wrote:
> > The string "Text Goes HERE" appears three times in your code example.
> Once
> > in a span and two times in a paragraph tag. When I copy that code to an
> > html file and use NVDA on Firefox and I use the down arrow, I can hear
> all
> > three versions.
> >
> > I'm not sure what you mean by a "header container". Do you mean the
> > <header> element? Or are you using the word "header" to really mean
> > "heading", such as an h1 or h2? Either way, your code example didn't
> have
> > a <header> element or any heading elements.
> >
> > There are a lot of "flyout" classes. Not sure what those are doing.
> > > > > > > > > > > > >