gov-au-ui-kit icon indicating copy to clipboard operation
gov-au-ui-kit copied to clipboard

Bug - Items inside of collapsed menu can receive keyboard focus

Open TrebBrennan opened this issue 8 years ago • 1 comments

Can "tab" into a closed nav with no indication of where I am.

What I did

Using a smaller view port size I attempted to keyboard navigate [tab] past the collapsed local nav. Hidden elements inside the collapsed nav received focus and I had to tab past all of these without visual indication of my progress until I exited the nav.

What browser and device I was using

Confirmed in, IE10:Win7 & Chrome:OSX & Firefox:OSX & Safari:OSX

What I expected to see

Tab indication to skip from the menu button to the next element on the page.

What I saw

Tab indication disappeared while tabbing through hidden elements.

Additional information (optional)

This also causes issues for screen-reading software as the button indicates to the user that it can open and close content but the content is always available.

Using display:none for collapsed content will remove it from the tab order and most screen-reading software packages will remove it from the reading order.

TrebBrennan avatar Aug 31 '16 04:08 TrebBrennan

Tracked under DESIGN-411.

klepas avatar Sep 09 '16 02:09 klepas