WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Voiceover bugs for Web


From: glen walker
Date: Oct 26, 2021 11:10AM

Going back to the original issue, it used to be that any nested elements in
a link would cause VoiceOver to stop at each element. But that was changed
in some version of ios 12 so that inline elements didn't do that anymore.

For example, the following used to stop at each span element:

<a href='.'>test of <span style="color:red">inline</span> elements and
<span style="font-weight: bold;">bold</span> formatting </a>

but now it treats it as one voiceover stop.

However, if those spans were divs (block element), then voiceover still
stops at each one.

<a href='.'>test of <div style="color:red">inline</div> elements and <div
style="font-weight: bold;">bold</div> formatting </a>

To get around that problem without using the text role, you can make the
divs inline elements (although that will affect the formatting).

<a href='.'>test of <div style="color:red; display: inline;">inline</div>
elements and <div style="font-weight: bold;display: inline;">bold</div>
formatting </a>