feat(core): use more a11y friendly hidden (#654)

StarCitizenTools · Jun 4, 2023 · f9dad61 · f9dad61
1 parent 83c42ee
commit f9dad61
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/resources/mixins.less b/resources/mixins.less
@@ -133,9 +133,15 @@
 }
 
 // To hide objects, but keep them accessible for screen-readers
+// From https://www.a11yproject.com/posts/how-to-hide-content
 .hidden() {
+	clip: rect(0 0 0 0);
+	clip-path: inset(50%);
+	height: 1px;
+	overflow: hidden;
 	position: absolute;
-	top: -9999px;
+	white-space: nowrap;
+	width: 1px;
 }
 
 // Set content to be at the center