From e2bffc793de9d4f6262c57907cd7ce8487734274 Mon Sep 17 00:00:00 2001
From: Chris Rodriguez <github@chrisrodriguez.me>
Date: Thu, 10 Sep 2015 08:32:20 -0400
Subject: [PATCH] LMS: setting fore/background colors for all sr elements

---
 lms/static/sass/base/_base.scss   | 1 +
 lms/static/sass/base/_mixins.scss | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/lms/static/sass/base/_base.scss b/lms/static/sass/base/_base.scss
index 3dfa0b988c..1106a2652d 100644
--- a/lms/static/sass/base/_base.scss
+++ b/lms/static/sass/base/_base.scss
@@ -327,6 +327,7 @@ mark {
 // UI - semantically hide text
 .sr {
   @extend %text-sr;
+  @extend %a11y-ensure-contrast;
 }
 
 // UI - skipnav
diff --git a/lms/static/sass/base/_mixins.scss b/lms/static/sass/base/_mixins.scss
index 690597563b..5443047a99 100644
--- a/lms/static/sass/base/_mixins.scss
+++ b/lms/static/sass/base/_mixins.scss
@@ -135,6 +135,12 @@
   width: 1px;
 }
 
+// extends - ensures proper contrast for automated checkers
+%a11y-ensure-contrast {
+  background: $white;
+  color: $black;
+}
+
 // extends - UI - removes list styling/spacing when using uls, ols for navigation and less content-centric cases
 %ui-no-list {
   list-style: none;