WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: menuitemradio and menuitemcheckbox with iOS VoiceOver

for

From: Birkir R. Gunnarsson
Date: Apr 15, 2015 3:23PM

Ditto on aria-checked with a checkbox, works fine in my testing with
Jaws/NVDA in FF34/IE10 and 11



On 4/15/15, James Nurthen < <EMAIL REMOVED> > wrote:
> 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.
>> > >> > >> > >> > >> >
>> >> >> >> >>
> > > > >


--
Work hard. Have fun. Make history.