From ec6d1e48fef53ecba38fee1ebbff79fd75b3f31d Mon Sep 17 00:00:00 2001
From: Nathan Steel <aney.login+rpi3@gmail.com>
Date: Mon, 5 Dec 2022 11:26:45 -0500
Subject: [PATCH] Add .sr (screen reader) styling to CSS

Makes element non-visible, but still readible to screen-readers,
and passes accessibility checks (such as contrast, and size errors)
---
 main.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/main.css b/main.css
index cc44cea..37ac845 100644
--- a/main.css
+++ b/main.css
@@ -40,6 +40,11 @@ border:1px solid #DDD;border-radius:6px}
 float:right;
 padding:14px;border:1px solid;
 margin:1.4rem;margin-right:auto}
+.sr{
+position:absolute;overflow:hidden;
+left:-9999px;top:auto;
+width:1px;height:1px;
+}
 footer p{margin:0}
 
 table{text-align:left;width:100%;