diff --git a/_layouts/default.html b/_layouts/default.html index 6cebe98..2fb293e 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -7,6 +7,7 @@ layout: table_wrappers {% include head.html %} + Skip to main content Link diff --git a/_sass/modules.scss b/_sass/modules.scss index f3ffb61..ee282e7 100644 --- a/_sass/modules.scss +++ b/_sass/modules.scss @@ -14,3 +14,4 @@ @import "./code"; @import "./utilities/utilities"; @import "./print"; +@import "./skiptomain"; diff --git a/_sass/skiptomain.scss b/_sass/skiptomain.scss new file mode 100644 index 0000000..7c14f05 --- /dev/null +++ b/_sass/skiptomain.scss @@ -0,0 +1,30 @@ +// Skipnav +// Skip to main content + +a.skip-to-main { + left: -999px; + position: absolute; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; + z-index: -999; +} + +a.skip-to-main:focus, +a.skip-to-main:active { + color: $link-color; + background-color: $body-background-color; + left: auto; + top: auto; + width: 30%; + height: auto; + overflow: auto; + margin: 10px 35%; + padding: 5px; + border-radius: 15px; + border: 4px solid $btn-primary-color; + text-align: center; + font-size: 1.2em; + z-index: 999; +}