From b9681dbfe507dd91a51c8440c49f0c988c5163df Mon Sep 17 00:00:00 2001
From: MrTimscampi <julien.machiels@protonmail.com>
Date: Tue, 14 Apr 2020 02:58:26 +0200
Subject: [PATCH] Add CSS class to add elements targeting screen readers

---
 src/assets/css/site.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/assets/css/site.css b/src/assets/css/site.css
index e59b639f4..627145abc 100644
--- a/src/assets/css/site.css
+++ b/src/assets/css/site.css
@@ -5,6 +5,17 @@ html {
     height: 100%;
 }
 
+.clipForScreenReader {
+    clip: rect(1px, 1px, 1px, 1px);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+}
+
 .material-icons {
     /* Fix font ligatures on older WebOS versions */
     -webkit-font-feature-settings: "liga";