fix: fix sr-only text

2023-11-18 10:54:49 +01:00 · 2023-11-18 10:54:49 +01:00 · cfa3343844
parent dc1c02818c
commit cfa3343844
1 changed files with 19 additions and 5 deletions
--- a/scss/utils/_a11y.scss
+++ b/scss/utils/_a11y.scss
@ -1,8 +1,22 @@
-.screen-reader-text, .sr-only {
-  visibility: collapse;
-  font-size:0;
-  position:absolute;
-  top:-2000px;
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
 }

 .skip {