Added “skip to content” link

TryGor · Mar 27, 2020 · 6d99b2a · 6d99b2a
1 parent 55a6197
commit 6d99b2a
Show file tree

Hide file tree

Showing 12 changed files with 2,690 additions and 11,246 deletions.
diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
diff --git a/public/css/build/all.css b/public/css/build/all.css
diff --git a/public/css/dist/all.css b/public/css/dist/all.css
diff --git a/public/css/overrides.css b/public/css/overrides.css
diff --git a/public/css/overrides.css.map b/public/css/overrides.css.map
diff --git a/public/js/build/all.js b/public/js/build/all.js
diff --git a/public/js/build/vue.js b/public/js/build/vue.js
diff --git a/public/js/build/vue.js.map b/public/js/build/vue.js.map
diff --git a/public/js/dist/all.js b/public/js/dist/all.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,14 +1,14 @@
 {
-    "/js/build/vue.js": "/js/build/vue.js?id=96f90510b797ac27a94b",
+    "/js/build/vue.js": "/js/build/vue.js?id=243feaf46d6a10332fa5",
     "/css/AdminLTE.css": "/css/AdminLTE.css?id=5e72463a66acbcc740d5",
     "/css/app.css": "/css/app.css?id=407edb63cc6b6dc62405",
-    "/css/overrides.css": "/css/overrides.css?id=2d81c3704393bac77011",
-    "/js/build/vue.js.map": "/js/build/vue.js.map?id=423f16f63b86abd6b196",
+    "/css/overrides.css": "/css/overrides.css?id=9f43085e8948958dfdce",
+    "/js/build/vue.js.map": "/js/build/vue.js.map?id=ab16bea2a970a0d407ec",
     "/css/AdminLTE.css.map": "/css/AdminLTE.css.map?id=0be7790b84909dca6a0a",
     "/css/app.css.map": "/css/app.css.map?id=96b5c985e860716e6a16",
-    "/css/overrides.css.map": "/css/overrides.css.map?id=f7ce9ca49027594ac402",
-    "/css/dist/all.css": "/css/dist/all.css?id=98db4e9b7650453c8b00",
-    "/js/dist/all.js": "/js/dist/all.js?id=bf1b244d8cc9096e4a18",
-    "/css/build/all.css": "/css/build/all.css?id=98db4e9b7650453c8b00",
-    "/js/build/all.js": "/js/build/all.js?id=bf1b244d8cc9096e4a18"
-}
+    "/css/overrides.css.map": "/css/overrides.css.map?id=e671941de30467b85c60",
+    "/css/dist/all.css": "/css/dist/all.css?id=9ab37667c19f79eea83c",
+    "/js/dist/all.js": "/js/dist/all.js?id=cd3de6841ff6629b5314",
+    "/css/build/all.css": "/css/build/all.css?id=9ab37667c19f79eea83c",
+    "/js/build/all.js": "/js/build/all.js?id=cd3de6841ff6629b5314"
+}
diff --git a/resources/assets/less/overrides.less b/resources/assets/less/overrides.less
@@ -347,3 +347,30 @@ img.navbar-brand-img, .navbar-brand>img {
   padding-bottom: 10px;
   max-width: 200px
 }
+
+// accessibility skip link
+a.skip-main {
+  left:-999px;
+  position:absolute;
+  top:auto;
+  width:1px;
+  height:1px;
+  overflow:hidden;
+  z-index:-999;
+}
+a.skip-main:focus, a.skip-main:active {
+  color: #fff;
+  background-color:#000;
+  left: auto;
+  top: auto;
+  width: 30%;
+  height: auto;
+  overflow:auto;
+  margin: 10px 35%;
+  padding:5px;
+  border-radius: 15px;
+  border:4px solid yellow;
+  text-align:center;
+  font-size:1.2em;
+  z-index:999;
+}
diff --git a/resources/views/layouts/default.blade.php b/resources/views/layouts/default.blade.php
@@ -104,6 +104,7 @@
        <![endif]-->
   </head>
   <body class="sidebar-mini skin-blue {{ (session('menu_state')!='open') ? 'sidebar-mini sidebar-collapse' : ''  }}">
+  <a class="skip-main" href="#main">Skip to main content</a>
     <div class="wrapper">
 
       <header class="main-header">