/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

2 votes115 views1 answer
Css make div on top of everything
CSS
23 votes109 views6 answers
Css circle
CSS
1 vote150 views1 answer
Input date icon color change
CSS
11 votes117 views3 answers
Css "fontweight" "font-weight" "fontWeight"
CSS
0 vote100 views1 answer
Css rich text editor tailwind
CSS
0 vote117 views1 answer
Long text coming out of the block
CSS
0 vote99 views1 answer
Git font
CSS
0 vote115 views1 answer
Css horizontal line around text
CSS
7 votes116 views2 answers
Stick footer to bottom
CSS
4 votes117 views1 answer
Flexbox center and space between
CSS