title: Angular accessibility and skip to navigation link
body: <p>I need to have link for skipping navigation panel in angular, the moving to content part is working fine but tab order is not following. Problem is when user activates the skip to main content link, Page moves to 'main' anchor, but if user continues to navigate with keyboard using tab, the next item is still next link in the navigation bar, so that doesn't solve the problem. How can i make it so when page moves to main content and user presses tab the tab order continues from the main content?</p>
  <p>Currently i have <code>&lt;a [routerLink]=&quot;&quot; (click)=&quot;skipToMain('main')&quot; &gt; Move to main &lt;/a&gt;</code></p>
  <p>And in ts file</p>
  <pre><code>skipToMain(id) {
    this.router.navigate([], {fragment:id}
  }
  
  </code></pre>
  <p>Also tried with this.viewportScroller.scrollToAnchor(id)</p>