Merge pull request #9698 from edx/clrux/lms-global-sr-contrast

LMS: setting fore/background colors for all sr elements
2015-09-10 14:32:04 -04:00
parent 0a01a35b24 e2bffc793d
commit f8bbbc8729
2 changed files with 7 additions and 0 deletions
--- a/lms/static/sass/base/_base.scss
+++ b/lms/static/sass/base/_base.scss
@@ -329,6 +329,7 @@ mark {
 // UI - semantically hide text
 .sr {
  @extend %text-sr;
+  @extend %a11y-ensure-contrast;
 }

 // UI - skipnav
--- 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;