WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Spans inside headings pauses VoiceOver on iOS

for

From:
Date: Jan 9, 2017 5:39AM

I can confirm that the role="text" trick works. Sadly, it does indeed look
like it's not in ARIA 1.1 [1].

I've tried other roles that may be relevant, but e.g. role="heading" does
not work. However, "button" does, which may save me in one case. The
downside is that the heading is inside a link, so VoiceOver identifies it
all as a button, a heading, and a link (in that order).

Seems like I have to choose between the lesser of three evils here, where
role="text" may be the least harmful. After all, ARIA 1.0 is the current
recommendation, and perhaps VoiceOver changes its behaviour before
role="text" is removed from its implementation.

Øyvind.

[1] https://www.w3.org/TR/wai-aria-1.1/#role_definitions

On 5 January 2017 at 18:34, Jonathan Avila < <EMAIL REMOVED> >
wrote:

> > But we have had some success with using role="text".
>
> I've heard the role of "text" which was proposed for ARIA 1.1 has been
> removed from the latest editor's working draft. I'm not sure what the
> final decision on it will be.
>
> Jonathan
>
> Jonathan Avila
> Chief Accessibility Officer
> SSB BART Group
> <EMAIL REMOVED>
> 703.637.8957 (Office)
> Vis Visit us online: Website | Twitter | Facebook | LinkedIn | Blog
> See you at CSUN in March!
>
> The information contained in this transmission may be attorney privileged
> and/or confidential information intended for the use of the individual or
> entity named above. If the reader of this message is not the intended
> recipient, you are hereby notified that any use, dissemination,
> distribution or copying of this communication is strictly prohibited.
>
>
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> Behalf Of Graham Armfield
> Sent: Thursday, January 05, 2017 12:29 PM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] Spans inside headings pauses VoiceOver on iOS
>
> This is also especially annoying when screen reader text is present within
> a heading.
>
> But we have had some success with using role="text".
>
> So try this:
> <h2>
> <span role="text">
> <span class="foo">Today</span>
> <span class="bar">4th of January</span>
> </span>
> </h2>
>
> Regards
> Graham Armfield
> > > at http://webaim.org/discussion/archives
> > > > > >