Fix for skiplinks

Updated styles + header update to point to the correct ID for nav skip
weblab · Sep 11, 2018 · ffd92e7 · ffd92e7
1 parent ef59b52
commit ffd92e7
Show file tree

Hide file tree

Showing 5 changed files with 80 additions and 58 deletions.
diff --git a/header.php b/header.php
@@ -43,7 +43,7 @@
 <!--[if IE 8]>         <div class="ie ie8 lte9 lte8"> <![endif]-->
 <!--[if IE 9]>         <div class="ie ie9 lte9"> <![endif]-->
 <nav id="skiplinks">
-	<a href="#site-navigation">Skip to Navigation</a>
+	<a href="#nav-wrapper">Skip to Navigation</a>
 	<a href="#uc-search">Skip to UConn Search</a>
 	<a href="#content">Skip to Content</a>
 </nav>

diff --git a/sass/_accessibility.scss b/sass/_accessibility.scss
@@ -3,12 +3,25 @@
 - - - - - - - - - - - - - - - - - - - */
 
 #skiplinks {
-	position: absolute;
+    visibility:visible;
-	left:0;
+
-	top:0;
+    a {
-	visibility: hidden;
+        left:-10000px;
-	height: 0;
+        position:absolute;
-	width: 0;
+
+        &:focus {
+            left:34px;
+            top:34px;
+            background-color:#fff;
+            box-shadow:4px 4px 6px #3e3e3e;
+            padding:10px;
+            min-width:210px;
+            font-weight:700;
+            font-size:18px;
+            text-decoration:none;
+            color:#107ac8;
+        }
+    }
 }
 
 @mixin grayscale_element($value) {
@@ -33,4 +46,4 @@
 	}
 	.accessibility-fail-msg a {
 		text-decoration: underline;
-	}
+	} 
diff --git a/style.css b/style.css
diff --git a/style.css.map b/style.css.map
diff --git a/style.scss b/style.scss
@@ -29,4 +29,4 @@ $icon-font-path: "../../global/bootstrap-3.3.4/fonts/bootstrap/"	!default;
 @import "sass/_cal.scss"; 
 @import "sass/_in-page-menus.scss"; 
 @import "sass/_footer.scss";   
-@import "sass/_page-builder.scss";       
+@import "sass/_page-builder.scss";