diff options
| author | Christian Cleberg <[email protected]> | 2025-11-11 18:46:12 -0600 |
|---|---|---|
| committer | Christian Cleberg <[email protected]> | 2025-11-11 18:46:12 -0600 |
| commit | 52ace755c5f4f0a8be8252764005e4f99d9a67ba (patch) | |
| tree | 8f12e3720bbe7d6186985a062164d21097113cfb | |
| parent | 7a3e3b542ff996022fec0757f20432613fff5203 (diff) | |
| download | cleberg.net-52ace755c5f4f0a8be8252764005e4f99d9a67ba.tar.gz cleberg.net-52ace755c5f4f0a8be8252764005e4f99d9a67ba.tar.bz2 cleberg.net-52ace755c5f4f0a8be8252764005e4f99d9a67ba.zip | |
add skip-to-content link
| -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" |