Menu

Add skip menu to website

February 10, 2014 - wordpress

Css

/* skip menu */
a.skip-main {
left:-999px;
position:absolute;
top:auto;
width:1px;
height:1px;
overflow:scroll;
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;
}

 

HTML

Add <a href=”#maincnot”>Skip to main content</a> before Navigation

 

Leave a Reply