WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Masking H1

for

From: Vemaarapu Venkatesh
Date: Nov 18, 2016 5:17AM

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