kokimu
2/9/2018 - 7:14 PM

Required for Accesability

  • Skip Screen
skip_screen.scss
content_copyfile_download
// Skip to main content
a.skip-link {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-link:focus, a.skip-link: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;
}
skip_screen.html
content_copyfile_download
<!-- Required for accesability. Add right after starting <body> -->
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>