From b28b137529f8ec2d78e48b8a755002cea18c5e62 Mon Sep 17 00:00:00 2001
From: riverbl <94326797+riverbl@users.noreply.github.com>
Date: Wed, 26 Jul 2023 20:09:51 +0100
Subject: [PATCH] Add bypass block for accessibility
---
src/theme/css/chrome.css | 17 +++++++++++++++++
src/theme/index.hbs | 1 +
2 files changed, 18 insertions(+)
diff --git a/src/theme/css/chrome.css b/src/theme/css/chrome.css
index 29992f7b..d743a380 100644
--- a/src/theme/css/chrome.css
+++ b/src/theme/css/chrome.css
@@ -543,3 +543,20 @@ ul#searchresults span.teaser em {
margin-left: -14px;
width: 14px;
}
+
+a.bypass-block {
+ position: fixed;
+ top: 2rem;
+ left: 2rem;
+ clip-path: inset(50%);
+ font-size: 1.2em;
+ background-color: var(--theme-popup-bg);
+ border-radius: 4px;
+ border: solid 1px var(--theme-popup-border);
+ padding: 0.6em;
+ box-shadow: inset 0 -1px 0 var(--theme-hover);
+ z-index: 1000;
+}
+a.bypass-block:focus {
+ clip-path: none;
+}
diff --git a/src/theme/index.hbs b/src/theme/index.hbs
index 80315c48..4b7a95f4 100644
--- a/src/theme/index.hbs
+++ b/src/theme/index.hbs
@@ -54,6 +54,7 @@
{{/if}}
+ Skip to content