WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Masking H1

for

From: JP Jamous
Date: Nov 18, 2016 7:47AM

Venkatesh,

Well done! It worked perfectly with JAWS, NVDA and VoiceOver.

The only issue with VoiceOver on Mac is that it states that there are 3 items in the H1 if the user is up and down-arrowing. If the user is using VO + left or right arrows, it speaks it well.

I was expecting VoiceOver to do that and I am sure it will do it on the iPhone.

Thank you for your suggestion. It sure solved the issue for the Windows screen readers.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Vemaarapu Venkatesh
Sent: Friday, November 18, 2016 6:18 AM
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] Masking H1

Hi JP,

As NVDA is announcing semantics for every word in the heading text I thought of adding aria presentation role which will hide the semantics from AT users.

The following is the markup which seems to be working fine with NVDA-Firefox,

<h1>
<span style="display: block;" role="presentation">Good</span> <span style="display: block;" role="presentation">Afternoon</span>
<span style="display: block;" role="presentation" >JP</span>
</h1>

I don't have much experience with aria and please correct me if this is a incorrect implementation.

Thanks,
Venkatesh