WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accordion vs WCAG SCs

for

From: Patrick H. Lauke
Date: Jul 31, 2020 6:42AM

On 31/07/2020 13:21, Vaibhav Saraf wrote:
> Hi Folks,
>
> One of my friends has wrongly implemented an accordion.
>
> He wanted to implement an 'Open Search Box' button, which on activation
> will give way to a 'Search box' and 'Submit' button.
>
> Due to mishandling of tab-index property the search box and submit button
> are always keyboard focusable even when they are invisible to sighted user.
>
> I was thinking which WCAG 2.0 SCs this will fail under? I can think of
> 2.4.7 Visible focus as the focus in getting lost, but couldn't decide. This
> doesn't looks to be a trap as the focus will return upon 2 tabs. Neither
> have enough constructs for visible focus violation.

I usually fail this sort of thing under both 2.4.3 Focus Order (as
things that shouldn't be focusable, at that moment at least, receive
focus/are in the focus order incorrectly) and 2.4.7 Focus Visible (as
the focus disappears)

P
--
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke