diff --git a/lms/static/sass/base/_base.scss b/lms/static/sass/base/_base.scss index 3f0e27e874..9e0520033a 100644 --- 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 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;