From a0a9617a86d4afc9954bc5dcce97ad91f68bbc05 Mon Sep 17 00:00:00 2001
From: Chris Rodriguez <github@chrisrodriguez.me>
Date: Thu, 21 Jan 2016 15:18:05 -0500
Subject: [PATCH] Replacing height and width in lieu of word-wrap

---
 common/static/sass/_mixins.scss   | 16 ++++++++++++----
 lms/static/sass/base/_mixins.scss | 16 ++++++++++++----
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/common/static/sass/_mixins.scss b/common/static/sass/_mixins.scss
index 57b2accbfb..09f2e1b982 100644
--- a/common/static/sass/_mixins.scss
+++ b/common/static/sass/_mixins.scss
@@ -404,10 +404,18 @@
 // +Content - Screenreader Text - Extend
 // ====================
 %cont-text-sr {
-  // clip has been deprecated but is still supported
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-  position: absolute;
+    // 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;
 }
 
 // +Content - Text Wrap - Extend
diff --git a/lms/static/sass/base/_mixins.scss b/lms/static/sass/base/_mixins.scss
index fbe41c97ac..05521a2124 100644
--- a/lms/static/sass/base/_mixins.scss
+++ b/lms/static/sass/base/_mixins.scss
@@ -125,10 +125,18 @@
 
 // extends -hidden elems - screenreaders
 %text-sr {
-  // clip has been deprecated but is still supported
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-  position: absolute;
+    // 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;
 }
 
 // extends - ensures proper contrast for automated checkers