Add sr-only class for screen reader accessibility

AppQuality · Jan 17, 2024 · 5aa2eb6 · 5aa2eb6
1 parent 6da1963
commit 5aa2eb6
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/shared/globalStyle.ts b/src/shared/globalStyle.ts
@@ -55,6 +55,16 @@ const GlobalStyle = createGlobalStyle`${(props) => {
       padding: 0;
       margin: 0;
     }
+    .sr-only {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0,0,0,0);
+      border: 0;
+    }
     img {
       max-width: 100%;
     }