diff options
| author | 2kool4idkwhat <120322313+2kool4idkwhat@users.noreply.github.com> | 2023-07-12 14:17:10 +0200 |
|---|---|---|
| committer | 2kool4idkwhat <120322313+2kool4idkwhat@users.noreply.github.com> | 2023-07-12 14:48:00 +0200 |
| commit | afebeba99d57247abee53a6857f586ed964edee4 (patch) | |
| tree | 6c787b95efb1aae35cc9caff5fd3793dd37716b5 | |
| parent | f26d122b2ad0cd3e3299de776b69e69d31486895 (diff) | |
| download | hugo-bearcub-afebeba99d57247abee53a6857f586ed964edee4.tar.gz hugo-bearcub-afebeba99d57247abee53a6857f586ed964edee4.tar.bz2 | |
a11y: add skipnav link
| -rw-r--r-- | assets/style.css | 15 | ||||
| -rw-r--r-- | layouts/_default/baseof.html | 2 | ||||
| -rw-r--r-- | layouts/partials/header.html | 2 |
3 files changed, 18 insertions, 1 deletions
diff --git a/assets/style.css b/assets/style.css index 3b90566..c36c7e1 100644 --- a/assets/style.css +++ b/assets/style.css @@ -145,3 +145,18 @@ h3.blog-filter { cursor: not-allowed; opacity: 0.7; } + +/* "skip to main content" link */ +.skiplink { + position: absolute; + top: 5; + transform: translateY(-600%); + transition: transform 0.5s; + background-color: #121212; + font-size: larger; + padding: 6px; +} + +.skiplink:focus { + transform: translateY(0%); +}
\ No newline at end of file diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 7aa0605..06d71c3 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -36,7 +36,7 @@ <header> {{- partial "header.html" . -}} </header> - <main> + <main id="maincontent"> {{- block "main" . }}{{- end }} </main> <footer> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index fccb41f..1db41b2 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,2 +1,4 @@ +<a class="skiplink" href="#maincontent">Skip to Main Content</a> + <a href="{{ relURL .Site.Home.Permalink }}" class="title"><h1>{{ .Site.Title }}</h1></a> <nav>{{- partial "nav.html" . -}}</nav> |