diff --git a/i18n/en.yaml b/i18n/en.yaml
index 60c2224..3d396fe 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -32,4 +32,7 @@ toAllTags:
   other: "to all tags"
 
 toAllCategories:
-  other: "to all categories"
\ No newline at end of file
+  other: "to all categories"
+
+skipToContent:
+  other: "skip to main content"
\ No newline at end of file
diff --git a/i18n/fr.yaml b/i18n/fr.yaml
index 3c8b414..9b022c4 100644
--- a/i18n/fr.yaml
+++ b/i18n/fr.yaml
@@ -33,3 +33,6 @@ toAllTags:
 
 toAllCategories:
   other: "vers toutes les catégories"
+
+skipToContent:
+  other: "passer au contenu principal"
\ No newline at end of file
diff --git a/i18n/ru.yaml b/i18n/ru.yaml
index 53fa1b2..baafa10 100644
--- a/i18n/ru.yaml
+++ b/i18n/ru.yaml
@@ -32,4 +32,7 @@ toAllTags:
   other: "ко списку всех тегов"
 
 toAllCategories:
-  other: "ко списку всех категорий"
\ No newline at end of file
+  other: "ко списку всех категорий"
+
+skipToContent:
+  other: "перейти к основному контенту"
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 15804fa..fb4c3dd 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,18 +1,19 @@
 <!DOCTYPE html>
-<html>
+<html lang="{{ .Site.LanguageCode }}">
 <head>
     {{ block "head" . }}
         {{ partial "head.html" . }}
     {{ end }}
 </head>
 <body>
+    <a class="skip-main" href="#main">{{ i18n "skipToContent" | humanize }}</a>
     <div class="container">
         <header> 
             {{ block "header" . }}
                 {{ partial "header.html" . }}
             {{ end }}
         </header>
-        <main>
+        <main id="main" tabindex="-1"> 
             {{ block "main" . }}{{ end }}
         </main>
         <footer>
diff --git a/static/css/style.css b/static/css/style.css
index 054dcf0..d83f3a0 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -39,6 +39,10 @@ summary {
     margin: 0 auto;
 }
 
+main {
+    outline:none;
+}
+
 /* Headers */
 h1 {
     font-size: 1.35em;
@@ -76,6 +80,29 @@ a:active {
     border-bottom: 1px solid rgba(163, 29, 29, .5);
 }
 
+a.skip-main {
+    left:-999px;
+    position:absolute;
+    top:auto;
+    width:1px;
+    height:1px;
+    overflow:hidden;
+    z-index:-999;
+}
+
+a.skip-main:focus, 
+a.skip-main:active {
+    left: auto;
+    top: 0px;
+    width: auto;
+    height: auto;
+    overflow:auto;
+    z-index:999;
+    padding: 4px 6px 4px 6px;
+    text-decoration: underline;
+    border: none;
+}
+
 /* Table */
 .table-wrapper {
     overflow-x: auto;
