From fa808e8970f7f08b669e01a851f683955cd4fda8 Mon Sep 17 00:00:00 2001 From: Jason Zimdars Date: Thu, 31 Oct 2024 14:26:17 -0500 Subject: [PATCH] A11y --- app/assets/stylesheets/layout.css | 14 ++++++++++++++ app/views/layouts/application.html.erb | 2 ++ 2 files changed, 16 insertions(+) diff --git a/app/assets/stylesheets/layout.css b/app/assets/stylesheets/layout.css index 5a7bbcbab..2fdbecf69 100644 --- a/app/assets/stylesheets/layout.css +++ b/app/assets/stylesheets/layout.css @@ -59,3 +59,17 @@ body { display: none; } } + +.skip-navigation { + --left-offset: -999em; + + inset-block-start: 4rem; + inset-inline-start: var(--left-offset); + position: absolute; + white-space: nowrap; + z-index: 11; + + &:focus { + --left-offset: var(--inline-space); + } +} diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 9afe9fe86..288444d6b 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -19,6 +19,8 @@ + Skip to main content +