xxxxxxxxxx
<body>
<a id='skip-nav' class='screenreader-text' href='#main-content'>
Skip Navigation or Skip to Content
</a>
<main id='main-content'>
…Content here…
</main>
</body>
xxxxxxxxxx
.screenreader-text {
position: absolute;
left: -999px;
width: 1px;
height: 1px;
top: auto;
}
.screenreader-text:focus {
color: black;
display: inline-block;
height: auto;
width: auto;
position: static;
margin: auto;
}