From 90a0f397907c25dcdecb325e01bb38eb00823d09 Mon Sep 17 00:00:00 2001 From: sefaria Date: Wed, 13 May 2026 15:48:54 +0200 Subject: [PATCH] Adding skipLink for better screen reader mode --- css/style.css | 14 ++++++++++++++ index.html | 4 ++++ 2 files changed, 18 insertions(+) diff --git a/css/style.css b/css/style.css index a78d350..6d61bfb 100644 --- a/css/style.css +++ b/css/style.css @@ -384,6 +384,20 @@ button:visited, .link-button:visited { Layout styles ======================= */ +#skipLink a { + display: block; + position: absolute; + left: -999px; + top: -999px; +} + +#skipLink a:focus { + left: 0; + top: 0; + padding: var(--spacing-2); + background: var(--color-background-content-box); +} + main, footer { max-width: 900px; border: none; diff --git a/index.html b/index.html index ad86eb9..75075ed 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,10 @@ + +