Uporaba tipkovnice pri navigaciji po spletni strani, natančneje tipke “Tab” nam omogoča pomikanje od linka do linka. Če spletno mesto na začetku strani vsebuje veliko povezav, npr. veliko navigacijo morajo uporabniki na vsaki strani preden prispejo do osnovne vsebine preleteti vse povezave. Takšen način uporabe pa je za uporabnike seveda moteč, zato nam prav pride povezava »Preskoči na glavno vsebino« oz. “Skip to main content”. Uporaba takšne povezave omogoča uporabnikom enostaven preskok do osnovne vsebine.

Primer uporabe tipkovnice pri navigaciji skozi spletno stran je prikazan v spodnjem posnetku.

Primer kode za gumb “Preskoči na glavno vsebino” – “Skip to main content”

Povezava se prikaže na zaslonu le, če uporabnik uporabi tipko “Tab”.

CSS

a.skip-main {
    position: relative;
	top: -100px;
	transition: all 0.5s ease 0s;
}

a.skip-main:focus, a.skip-main:active {
    top: 0px;
}

HTML

Uporaba dodatne značke na element za osnovno vsebino je nujen za pravilno delovanje v IE in Chrome brskalnikih.

...
<main role="main" tabindex="-1">
...