<nav> inside modal dialog- what is preferred keyboard focus pattern?

50 Views Asked by At

I am asking this question with screenreader/ keyboard-only users in mind.

I have a main <nav> on my page. I also have a secondary <nav> nested inside my modal dialog.

When a user selects an item from my primary nav, I reset focus to the skiplinks at the top of the page.

When a user selects an item from my secondary nav, should I set focus to the related tabpanel? Or should I replicate the navigation pattern from my main page i.e. there is a secondary set of skiplinks at the top of my modal and my user can choose to skip to the modal navigation or modal content?

I see a lot of examples for navigation and a lot of examples of modals but none of complex modals that require a nav of their own.

0

There are 0 best solutions below