WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: menuitemradio and menuitemcheckbox with iOS VoiceOver

for

From: James Nurthen
Date: Apr 15, 2015 3:09PM

I have never come across a problem announcing state with role=checkbox. I
just tested an example with JAWS and NVDA in both IE11 and FF31 and
everything worked fine.

I have seen people try to use aria-selected or aria-pressed by mistake
instead of aria-checked so if it is not working for you then I would check
your code.

On Wed, Apr 15, 2015 at 1:58 PM, Jesse Hausler < <EMAIL REMOVED> >
wrote:

> Thanks for the feedback everyone.
>
> We just changed them all to menuitem because we also found that
> menuitemradio and menuitemcheckbox didn't announce states.
>
> We just put checkbox images with alt inside of the list item.
>
> does role="checkbox" announce state in any screenreaders?
>
> On Tue, Apr 14, 2015 at 5:32 AM, Birkir R. Gunnarsson <
> <EMAIL REMOVED> > wrote:
>
> > I found that Jaws 14 with IE11 would not expose the checked state of a
> > menuitemcheckbox, in my last experiments, neither the initial state or
> > the state change.
> > Also I experienced that the focus would jump to top of the page when
> > trying to check or uncheck an item, though that could be me performing
> > some type of boo boo with Boo t Strap.
> >
> >
> >
> > On 4/14/15, Sean Curtis < <EMAIL REMOVED> > wrote:
> > > Jesse have you tried making them role="checkbox"? I spent about 9
> months
> > > building an accessible dropdown menu component and ended up having to
> OS
> > > sniff to swap the roles. JAWS and NVDA on windows handled
> > menuitemcheckbox
> > > and menuitemradio just fine, but VO on OSX (and I'm guessing iOS is
> > > similar) didn't like them. Changing them to checkbox and radio got them
> > > working perfectly.
> > >
> > > Cheers,
> > >
> > > Sean
> > >
> > > On Tue, Apr 14, 2015 at 2:05 PM, James Nurthen < <EMAIL REMOVED> >
> > wrote:
> > >
> > >> Jesse,
> > >> I've seen this bug. I'm not sure if we have logged it or not. It won't
> > do
> > >> any harm to log a duplicate if we haven't.
> > >> Regards,
> > >> James
> > >>
> > >> On Sun, Apr 12, 2015 at 8:45 PM, Jesse Hausler <
> <EMAIL REMOVED>
> > >
> > >> wrote:
> > >>
> > >> > I'm hoping someone can confirm before I go through that trouble.
> > >> >
> > >> > a blank page with <a href="foo.html" role="menuitemradio"> is all
> the
> > >> code
> > >> > you need. You can put it in a proper menu implementation as well.
> > Still
> > >> > broken.
> > >> >
> > >> > On Sun, Apr 12, 2015 at 6:10 PM, Bryan Garaventa <
> > >> > <EMAIL REMOVED> > wrote:
> > >> >
> > >> > > That sounds like a bug to me, it should convey the correct role
> and
> > >> state
> > >> > > using VoiceOver.
> > >> > >
> > >> > > Can you please document this with a working code sample and steps
> to
> > >> > > reproduce and send this to <EMAIL REMOVED> ?
> > >> > >
> > >> > >
> > >> > > -----Original Message-----
> > >> > > From: WebAIM-Forum [mailto: <EMAIL REMOVED> ]
> On
> > >> > > Behalf Of Jesse Hausler
> > >> > > Sent: Friday, April 10, 2015 4:31 PM
> > >> > > To: WebAIM Discussion List
> > >> > > Subject: [WebAIM] menuitemradio and menuitemcheckbox with iOS
> > >> > > VoiceOver
> > >> > >
> > >> > > Has anyone else notices that you can't focus on items in a menu
> with
> > >> > role> > >> > > menuitemradio or menuitemcheckbox? Is this a new "feature" of
> iOS8?
> > >> We've
> > >> > > found this issue in iOS 8.1, 8.2 and 8.3.
> > >> > >
> > >> > > menu items with role="menuitem" work just fine.
> > >> > >
> > >> > > Jesse
> > >> > > > > >> > > > > >> archives
> > >> > > at http://webaim.org/discussion/archives
> > >> > > > > >> > >
> > >> > > > > >> > > > > >> > > > > >> > > > > >> > >
> > >> > > > >> > > > >> > > > >> > > > >> >
> > >> > > >> > > >> > > >> > > >>
> > > > > > > > > > > > > > >
> >
> >
> > --
> > Work hard. Have fun. Make history.
> > > > > > > > > >
> > > > >