diff options
| -rw-r--r-- | theme/static/styles.css | 9 | ||||
| -rw-r--r-- | theme/templates/base.html | 3 |
2 files changed, 11 insertions, 1 deletions
diff --git a/theme/static/styles.css b/theme/static/styles.css index 150973f..5125b43 100644 --- a/theme/static/styles.css +++ b/theme/static/styles.css @@ -37,6 +37,15 @@ h1,h2,h3,h4,h5,h6 { text-transform: uppercase; } +.skip-link { + position: absolute; + left: -999px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} + nav { align-items: center; display: flex; diff --git a/theme/templates/base.html b/theme/templates/base.html index cafe476..2f22493 100644 --- a/theme/templates/base.html +++ b/theme/templates/base.html @@ -17,6 +17,7 @@ {% endblock %} </head> <body> + <a href="#main" class="skip-link">Skip to content</a> <nav aria-label="site-nav" role="navigation"> <ul> <li><a href="/">/home</a></li> @@ -25,7 +26,7 @@ <li><a href="/services/">/services</a></li> </ul> </nav> - <main>{% block main %}{% endblock %}</main> + <main id="main">{% block main %}{% endblock %}</main> <footer> <a href="https://stats.uptimerobot.com/OwOWs7HU0z">status</a> · <a href="https://git.cleberg.net/cleberg.net.git" target="_blank" |