the working skip link

The fix for this bug is very simple: just add the tabindex attribute to the <main> element, preferably giving it a negative value so it is removed from the tab order but still focusable.

<main id="main-content" tabindex="-1">

Now the skip link works on all browsers. But wait! If you're on Chrome, you may have noticed a blue focus ring around the main content section when you tabbed to it. Whoops. That doesn't look awesome. But it's pretty easy to fix.