Adding contrast to csss accessibility snippets

README.md

@@ -14,6 +14,7 @@
 ### CSS snippet
 
 - reduced motion - adds a reduced motion snippet with prefix `transition`
+- less-contrast - adds less contrast snippet with prefix `less-contrast`
 
 ### React Aria Snippets
 

snippets/css-snippets.code-snippets

@@ -11,5 +11,19 @@
             "}"
         ],
         "description": "Adds reduced motion media query anytime transition is added to css file"
+    },
+
+    "contrast": {
+        "prefix": [
+            "less-contrast",
+        ],
+        "body": [
+            "less-contrast: \t$1",
+            "@media (prefers-contrast: less) {", 
+            "\t$0",
+            "}"
+
+        ],
+        "description": "Detects if user has requested that the web content is presented with less constrast. Note that this is only supported on Safari."
     }
 }