WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: any solutions for fieldset/legend bug with iOS?

for

From: Birkir R. Gunnarsson
Date: May 7, 2015 8:25PM

No pretty ones.
You could add an aria-describedby tag on every form field tag that
points to the legend.
Also add a region role on div around the form so that Voiceover will
read its name as you enter and leave that region (I need to check if
the group role with a label would be read.

<div role="region" aria-labelledby="lgd">
<h2 id="lgd">Business address</h2>
<label for="inp1"Street</label>
<input id="inp1" type="text" size="30" value="" aria-describedby="ldg">
<label for="inp2"City</label>
<input id="inp2" type="text" size="30" value="" aria-describedby="ldg">
...
</div>

The ARIa group role, which is a valid replacement for fieldset would be
<div role="group" aria-labelledby="lgd">
<h2 id="lgd">Business address</h2>
<label for="inp1"Street</label>
<input id="inp1" type="text" size="30" value="">
<label for="inp2"City</label>
<input id="inp2" type="text" size="30" value="">
...
</div>

but I believe it suffers from the same problem as the fieldset/legend.





On 5/7/15, Jennison Mark Asuncion < <EMAIL REMOVED> > wrote:
> Hello,
>
> Are there any work-arounds to deal with the fact that VoiceOver on iOS
> is not reading fieldset/legends correctly?
> Paul Adam describes the issue here
> http://pauljadam.com/demos/aria-labelledby-ios-bug.html
>
> Jennison
>
>
> --
> Jennison Mark Asuncion
> LinkedIn at www.linkedin.com/in/jennison
> Follow me on Twitter www.twitter.com/jennison
> Organizer, Bay Area Accessibility and Inclusive Design
> www.meetup.com/a11ybay
> Organizer, Accessibility Camp Bay Area www.accessibilitycampbay.org
> Co-Founder, Global Accessibility Awareness Day
> www.globalaccessibilityawarenessday.org
> > > > >


--
Work hard. Have fun. Make history.