Expandable navigation - focus position

[sarah-storm]

The acceptance criteria states 'The first navigation link should receive visible focus when navigation is opened' however the second navigation link receives visible focus. It would be useful to navigate to each of the item pages rather than just one

[mjbp]

Focus remains on the button for me on everything I've tested on. The menu item is highlighted because it is the active one, so that may be a source of confusion.

I think that focus remaining on the button is the correct thing to happen so the expanded state is announced when the button is activated. The navigation items are next in the tab order after the button.

I think there are a couple of things we should change with this pattern

• the AC is wrong, I think focus should remain on the button
• the styling of the menu is worth revisiting, it's not great

[mjbp]

@susannah-rogers This is now on Netlify ready for testing.

[susannah-rogers]

@mjbp This is much better now, thanks.