diff --git a/src/styles/srOnly.ts b/src/styles/srOnly.ts
new file mode 100644
index 0000000..bf09f20
--- /dev/null
+++ b/src/styles/srOnly.ts
@@ -0,0 +1,13 @@
+import { css } from '@styled-system/css'
+
+export const srOnlyClass = css({
+  position: 'absolute',
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: 'hidden',
+  clip: 'rect(0, 0, 0, 0)',
+  whiteSpace: 'nowrap',
+  border: 0
+})