Add skip links to both CMS and LMS

* add HTML for links * hide links when they are not focused * when focused, show link (as recommended) * move accessibility tools to common LMS-1311
2013-10-23 14:10:09 -04:00
parent 71ece15cfb
commit d34c4a66c7
9 changed files with 57 additions and 4 deletions
--- a/lms/static/sass/base/_base.scss
+++ b/lms/static/sass/base/_base.scss
@@ -285,3 +285,19 @@ mark {
 #feedback_form textarea[name="details"] {
  height: 150px;
 }
+
+
+/* show skip links on focus */
+#skip-link a{
+  position:absolute;
+  &:focus {
+    width: auto;
+    height: auto;
+    overflow: visible;
+    background-color: #fff;
+    border: 2px solid black;
+    padding: 3px;
+    z-index: 1005;
+  }
+}
+