Added “skip to content” link

This commit is contained in:
snipe 2020-03-27 13:28:48 -07:00
parent 55a619778f
commit 6d99b2a68c
12 changed files with 2633 additions and 2574 deletions

5161
npm-shrinkwrap.json generated

File diff suppressed because it is too large Load diff

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
public/js/dist/all.js vendored

Binary file not shown.

View file

@ -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"
}

View file

@ -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;
}

View file

@ -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">