diff --git a/src/rawdata/scss/_core.scss b/src/rawdata/scss/_core.scss
index b66c5ac..69c8858 100644
--- a/src/rawdata/scss/_core.scss
+++ b/src/rawdata/scss/_core.scss
@@ -769,3 +769,31 @@ footer {
@include usevar(background-color, background-even-background);
@include usevar(--fade-color, background-even-background);
}
+
+.sr-only {
+ border: 0;
+ clip: rect(1px, 1px, 1px, 1px);
+ clip-path: inset(50%);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+ word-wrap: normal !important;
+ transition: 0.2s all;
+}
+
+.sr-focusable {
+ @extend .sr-only;
+
+ &:focus {
+ padding: 15px 10px;
+ height: auto;
+ width: auto;
+ background: var(--content-background);
+ clip: initial;
+ clip-path: initial;
+ z-index: 99999;
+ }
+}
diff --git a/src/templates/src/include/header.html b/src/templates/src/include/header.html
index c90668f..de97eb7 100644
--- a/src/templates/src/include/header.html
+++ b/src/templates/src/include/header.html
@@ -1,4 +1,5 @@