WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Spans inside headings pauses VoiceOver on iOS

for

From: Birkir R. Gunnarsson
Date: Jan 9, 2017 5:55AM

What about role="none", does that do anything?
role="text" if it works, is at least a temporary workaround (make sure
to file an issue with Apple about this for chance of a longer term
fix).
role="button" is a bad idea, a button is not allowed inside a link in
html, and assistive technologies are not going to treat this construct
consistently.



On 1/9/17, Øyvind < <EMAIL REMOVED> > wrote:
> 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
>> >> >> >> >> >>
> > > > >


--
Work hard. Have fun. Make history.