gov-au-ui-kit
gov-au-ui-kit copied to clipboard
Bug - Items inside of collapsed menu can receive keyboard focus
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.
Tracked under DESIGN-411
.