diff options
| -rw-r--r-- | assets/css/theme.css | 14 | ||||
| -rw-r--r-- | i18n/en.toml | 3 | ||||
| -rw-r--r-- | i18n/fr.toml | 3 | ||||
| -rw-r--r-- | i18n/vi.toml | 3 | ||||
| -rw-r--r-- | layouts/_default/single.html | 2 |
5 files changed, 24 insertions, 1 deletions
diff --git a/assets/css/theme.css b/assets/css/theme.css index 1988b04..1162ae0 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -2,6 +2,20 @@ --column-width: 80ch; } +a.skip-main { + left: 0; + position: absolute; +} + +a.skip-main:not(:focus) { + clip: rect(0 0 0 0); + clip-path: inset(50%); + height: 1px; + overflow: hidden; + white-space: nowrap; + width: 1px; +} + nav ul, nav ul li { display: inline-block; } diff --git a/i18n/en.toml b/i18n/en.toml index 1cf0f8a..64ee617 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -11,3 +11,6 @@ other = "{{ .WordCount }} words" ["reading time"] one = "approximately {{ .Count }} minute reading" other = "approximately {{ .Count }} minutes reading" + +[skipToContent] +other = "Skip to main content" diff --git a/i18n/fr.toml b/i18n/fr.toml index 563b24a..42481d0 100644 --- a/i18n/fr.toml +++ b/i18n/fr.toml @@ -11,3 +11,6 @@ other = "{{ .WordCount }} mots" ["reading time"] one = "environ {{ .Count }} minute de lecture" other = "environ {{ .Count }} minutes de lecture" + +[skipToContent] +other = "Aller à l'article" diff --git a/i18n/vi.toml b/i18n/vi.toml index c327799..97a6fc5 100644 --- a/i18n/vi.toml +++ b/i18n/vi.toml @@ -9,3 +9,6 @@ other = "{{ .WordCount }} từ" ["reading time"] other = "đọc hết khoảng {{ .Count }} phút" + +[skipToContent] +other = "Đi đến bài viết" diff --git a/layouts/_default/single.html b/layouts/_default/single.html index a170823..16bf1ef 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -5,7 +5,7 @@ SPDX-License-Identifier: MIT */}} {{ define "main" }} - <article> + <article id="main"> <header> <h1> {{ trim .Title " " }} |