about summary refs log tree commit diff
diff options
context:
space:
mode:
-rw-r--r--assets/css/theme.css14
-rw-r--r--i18n/en.toml3
-rw-r--r--i18n/fr.toml3
-rw-r--r--i18n/vi.toml3
-rw-r--r--layouts/_default/single.html2
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  " " }}