/CSS/Skip main content - keyboard accessible buttons on navbar - css

Skip main content - keyboard accessible buttons on navbar - css

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}
a.skip-main:focus {
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 0 35%;
    padding: 5px;
    font-size: 20px;
    outline: 3px solid red;
    text-align: center;
    z-index: 999;
}

Source: webdesign.tutsplus.com

Similar codes

0 vote231 views1 answer
Top down gradient css on body
CSS
2 votes146 views1 answer
Ion input change font size
CSS
3 votes149 views9 answers
Bootstrap 5
CSS
92 votes301 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote144 views1 answer
How to horizontally center header at the top of page with flexbox css
CSS
6 votes133 views5 answers
Flutter print
CSS
50 votes135 views3 answers
How to center in absolute position
CSS
83 votes143 views4 answers
Css placeholder color
CSS
1 vote137 views1 answer
Overflow-x hidden meaning in css
CSS
2 votes131 views1 answer
How to apply css to firefox only
CSS