Merge pull request #281 from edx/talbs/update-text-sr-utility

FEDX-19: Updating a11y-based "sr" Utilities

Author: talbs

CHANGELOG.md

@@ -5,6 +5,11 @@ Nothing yet
 
 - - -
 
+## 0.9.2 (2016-02-01)
+* modernizing '%a11y-hide' and 'sr-only' utilities
+
+- - -
+
 ## 0.9.1 (2016-02-01)
 * introduce $pattern-library-path variable
 * FIX - always refer to edx-icons via $edx-icons-font-path

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "edx-pattern-library",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "authors": [
     "edX UX Team <[email protected]>"
   ],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "edx-pattern-library",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "author": "edX UX Team <[email protected]>",
   "license": "Apache-2.0",
   "description": "The (working) Visual, UI, and Front End Styleguide for edX Apps",

pattern-library/css/edx-pattern-library-ltr.css

@@ -54,14 +54,18 @@
 
 // accessibility
 %a11y-hide {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
+    // clip has been deprecated but is still supported
+    clip: rect(1px 1px 1px 1px);
+    clip: rect(1px, 1px, 1px, 1px);
     position: absolute;
+    margin: -1px;
+    height: 1px;
     width: 1px;
+    border: 0;
+    padding: 0;
+    overflow: hidden;
+    // ensure there are spaces in sr text
+    word-wrap: normal;
 }
 
 %a11y-hide-image-text {