Index: static/scss/_utilities.scss |
=================================================================== |
--- a/static/scss/_utilities.scss |
+++ b/static/scss/_utilities.scss |
@@ -37,8 +37,29 @@ |
display: table; |
content: " "; |
} |
.clearfix:after |
{ |
clear: both; |
} |
+ |
+/** |
+ * Screen reader only |
+ * Use this class to add screen reader / web crawler only content |
+ * |
+ * EG: |
+ * - An h1 for SEO that is not visible |
+ * - A skip-to link for screen readers |
+ */ |
+ |
+.sr-only |
+{ |
+ position: absolute; |
+ overflow: hidden; |
+ clip: rect(0, 0, 0, 0); |
+ width: 1px; |
+ height: 1px; |
+ margin: -1px; |
+ padding: 0; |
+ border: 0; |
+} |