Working on making an angular project accessible. Page has a frame like this: where each element is a component.
<div>
<topnav> </topnav>
<leftnav> </leftnav>
<subnav> </subnav>
<header> </header>
<router-outlet> </router-outlet>
</div>
I would put the skip link in the top nav, and having the event emitted to the frame is easy, but how would I direct it to focus the first focusable element in the router-outlet by default? I know I could use view child and grab a reference to the outlet and then access the child nodes through that, but it's not always going to be the same node index.
Thanks