WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: JAWS unable to read aria-label for heading

for

From: Sailesh Panchang
Date: Mar 7, 2013 7:46AM

This is a case of unnecessary use of ARIA. The off-screen technique
will work to get desired results as others pointed out.
Aria-label works alright generally with UI elements like form controls
and nav elements.
But the basic question is why should screen reader users not see the
heading displayed to all users in the browsers and be provided some
other content instead? The other content can be off-screen and
supplement the real visual heading as an accessibility aid if needed
and be in the same element as the main heading (properly marked up
with an h-tag and styled as needed.
Sailesh Panchang


On 3/7/13, Emad Aziz Suria < <EMAIL REMOVED> > wrote:
> Hi Everyone
>
> Here's the scenario; I need the screen reader to read something else for
> the heading than what is actually being displayed.
>
> "My Heading" is displayed but screen reader reads "This is my heading"
>
> <div>
> <div aria-hidden="true">My Heading</div>
> <div aria-label="This is my Heading" role="heading" aria-level="1"
> tabindex="0"></div>
> </div>
>
> The above code achieves the required behavior on VoiceOver, but I can't get
> JAWS to do the same. Any Idea how to make it work in JAWS?
>
> Eventually I'll be looking for a solution that's compatible with with both
> VoiceOver and JAWS.
>
> Thanks
>
> --
> Emad Aziz Suria
> > > >