Merge pull request #707 from edx/clrux/a11y-ora-focus

Replacing focus on important elements

openassessment/xblock/static/sass/oa/utilities/_developer.scss

@@ -595,7 +595,6 @@
       font-family: $f-sans-serif;
       font-size: 14px;
       overflow: auto;
-      outline: none;
       -webkit-box-shadow: none;
       -moz-box-shadow: none;
       box-shadow: none;
@@ -824,7 +823,6 @@
       font-family: 'Open Sans', sans-serif;
       font-size: 11px;
       color: #4c4c4c;
-      outline: 0;
     }
 
     #openassessment_rubric_feedback_wrapper{
@@ -963,7 +961,6 @@
           font-family: 'Open Sans', sans-serif;
           font-size: 11px;
           color: #4c4c4c;
-          outline: 0;
           @include margin(5px, 15px, 0, 10px);
           width: Calc(100% - 25px);
         }

openassessment/xblock/static/sass/oa/utilities/_extends.scss

@@ -52,8 +52,6 @@
   // STATE: hover and focus
   &:hover, &:focus {
     @include transform(scale(1.0));
-    border-color: $color-decorative-tertiary;
-    @include single-box-shadow(0, 1px, 1px, 0, $shadow-l2);
   }
 
   // STATE: is collapsed

openassessment/xblock/static/sass/openassessment-ltr.scss

-@import 'bi-app-ltr';
+@import 'vendor/bi-app/bi-app-ltr';
 @import 'openassessment';

openassessment/xblock/static/sass/openassessment-rtl.scss

-@import 'bi-app-rtl';
+@import 'vendor/bi-app/bi-app-rtl';
 @import 'openassessment';

openassessment/xblock/static/sass/xb/elements/_forms.scss

@@ -24,7 +24,6 @@
     @extend %t-strong;
     border: 1px solid $color-decorative-secondary;
     padding: ($baseline-v/2);
-    outline: 0;
     color: $copy-color;
 
     @include placeholder {
@@ -36,7 +35,6 @@
     &:focus {
       box-shadow: 0 0 6px 0 rgba(29,157,217,0.4),inset 0 0 4px 0 rgba(0,0,0,0.15);
       border-color: $selected-color;
-      outline: 0;
     }
   }
 

openassessment/xblock/static/sass/xb/utilities/_extends.scss

@@ -114,7 +114,6 @@
 
 %state-enabled {
   pointer-events: auto;
-  outline: invert none medium;
 }
 
 // --------------------

openassessment/xblock/static/sass/xb/utilities/_reset.scss

@@ -81,14 +81,6 @@
     background: transparent;
   }
 
-  /**
-   * Improve readability when focused and also mouse hovered in all browsers.
-   */
-
-  a:active,
-  a:hover {
-    outline: 0;
-  }
 
   /* Text-level semantics
      ========================================================================== */
@@ -441,7 +433,6 @@
     vertical-align: baseline;
     border: 0;
     padding: 0;
-    outline: 0;
     font-weight: 400;
   }