WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Focus order issue ... Could Aria-controls have an effect?

for

From: Birkir R. Gunnarsson
Date: Sep 21, 2019 8:33AM

aria-controls alone should not affect anything in the underlying code,
not even content order, but "should" is the operative word here, there
are some crazy things going on in the work of web content markup.
If you turn the screen reader off and retest, or force screen reader
into application/forms mode, are you able to reach the menu?


On 9/21/19, Steve Green < <EMAIL REMOVED> > wrote:
> Recently, I have seen a couple of instances where JavaScript is being used
> to control the focus order, so it does not follow the sequence you would
> expect from inspecting the DOM. In one case it was causing a keyboard trap
> that had us baffled for a while.
>
> Steve
>
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Bim
> Egan
> Sent: 20 September 2019 19:48
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Focus order issue ... Could Aria-controls have an
> effect?
>
> Hi Steve,
> Sorry it's a test environment I've had to be white listed. I could redact
> the code let you see the HTML for that part of the page, but at doesn't
> actually help much if JavaScript is doing the damage.
> Like you I've seen some very odd mark up, but this one has me Foxed.
>
> Bim
>
>> On 20 Sep 2019, at 19:03, Steve Green < <EMAIL REMOVED> >
>> wrote:
>>
>> There are any number of reasons why the sub menu links can't be reached,
>> but I would not expect aria-controls to be one of them. We would need to
>> see the code to figure it out - can you share the URL? We spend a lot of
>> time trying to understand the increasingly crazy code that we're presented
>> with these days, but there's always an answer.
>>
>> Steve Green
>> Managing Director
>> Test Partners Ltd
>>
>>
>> -----Original Message-----
>> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
>> Bim Egan
>> Sent: 20 September 2019 12:33
>> To: 'WebAIM Discussion List' < <EMAIL REMOVED> >
>> Subject: [WebAIM] Focus order issue ... Could Aria-controls have an
>> effect?
>>
>> Good afternoon all,
>>
>> I'm testing a mega menu that doesn't appear to be working properly, and I
>> can't figure out why.
>>
>> The large screen view has a horizontal menu that is working, but when it
>> gets to small screen and the hamburger menu button appears, the sub menu
>> links can't be reached.
>>
>> The menu button has an aria-controls attribute that matches the
>> sub-menu id, but when the menu button is activated, there's more
>> revealed than just the sub-menu. The devs have inserted a search field
>> and button between the (now
>> "close") button and the sub-menu. My expectation was to move from the
>> search button to the first sub-menu item, but instead it moves into main
>> content.
>>
>> HeydonWorks article seems to suggest that aria-controls could cause some
>> problems in this situation, but he doesn't go into detail.
>> https://www.heydonworks.com/article/aria-controls-is-poop
>>
>> So can anyone tell me if the problem will be solved if the devs move the
>> mobile version search out of the dropdown or what can be done to bring the
>> mobile sub-menu into the tab order?
>>
>> Many thanks,
>>
>> Bim
>>
>>
>>
>>
>> -------------
>> Bim Egan
>> Skype phone: 01223 96 87 96
>> Personal Email: <EMAIL REMOVED>
>> Skype ID: bim.accessequals
>>
>> Coordinator: Describe Online
>> W: www.describe-online.com
>> E: <EMAIL REMOVED>
>> ----------------------------------------
>> Partner: AccessEquals
>> W: www.accessequals.com
>> E: <EMAIL REMOVED>
>>
>> >> >> archives at http://webaim.org/discussion/archives
>> >> >> >> archives at http://webaim.org/discussion/archives
>> > > > http://webaim.org/discussion/archives
> > > > > >


--
Work hard. Have fun. Make history.