skipnav

TODO

• need to safely use Portal with SSR to not make a diff but render in a portal...

example

<a href='#main'>Skip to main content</a>

learn more

• https://www.bignerdranch.com/blog/web-accessibility-skip-navigation-links/
• https://a11yproject.com/posts/skip-nav-links/
• http://www.jimthatcher.com/skipnav.htm
• https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G1

focus

• https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Focus_and_Selection
• https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement

focus example

document.querySelector('main').focus();

function init() {
  addEventListener('focus', setFocusedElement, true);
}

function setFocusedElement() {
  // const focused = document.commandDispatcher.focusedElement;
  const focused = document.activeElement;
  document.getElementById('focused').value = focused.tagName;
}