Add class for screenreader only content

enhance-dev · Apr 23, 2024 · c6c0fab · c6c0fab
1 parent b3ba03f
commit c6c0fab
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/visibility.mjs b/visibility.mjs
@@ -1,7 +1,8 @@
-export default function overflow (query='') {
+export default function overflow(query = '') {
   return /*css*/`
 /*** Visibility ***/
 .invisible${query}{visibility:hidden;}
 .visible${query}{visibility:visible;}
+.screenreader-only${query}{border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal;}
 `
 }