Skip nav link #4
Description
it would be helpful to people who navigate by keyboard/screen reader to add a skip navigation link. this would let them go directly to the main content of each page
something like
<body>
<a href="#main-content" class="screen-reader">Skip navigation</a>
<!-- header/nav -->
<main id="main-content>
I usually make a screen-reader utility class to help with this. something like...
.screen-reader {
position: absolute;
left: -9999px;
}
.screen-reader:focus {
left: 0;
}
EDIT - just noticed that the site has an sr-only utility class already.