Skip to di men tin dɛn we de insay Skip to doks nevigishɔn
Check
in English

Di tin dɛn we dɛn kin ayd we pɔsin kin si

Yuz dɛn ɛp ya fɔ ayd di ɛlimɛnt dɛn wit yu yay bɔt kip dɛn aksesbul to ɛtɛknɔlɔji dɛn we de ɛp.

Ayd wan ɛlimɛnt wit yu yay we yu stil de alaw am fɔ ɛksplɔz am to ɛtɛknɔlɔji dɛn we de ɛp am (lɛk skrin rida dɛn) wit .visually-hidden. Yuz .visually-hidden-focusablefɔ ayd wan ɛlimɛnt wit yu yay bay difɔlt, bɔt fɔ sho am we i de fɔs (ɛgz. bay pɔsin we de yuz kibɔd nɔmɔ). .visually-hidden-focusablekin aplay bak to kɔntena–tanki fɔ :focus-within, di kɔntena go sho we ɛni pikin ɛlimɛnt na di kɔntena gɛt fɔs.

Taytul fɔ di wan dɛn we de rid di skrin

Skip to di men tin dɛn we de insay
Wan kɔntena we gɛt wan tin we pɔsin kin ebul fɔ pe atɛnshɔn pan .
html
<h2 class="visually-hidden">Title for screen readers</h2>
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
<div class="visually-hidden-focusable">A container with a <a href="#">focusable element</a>.</div>

Dɛn tu visually-hiddenɛn visually-hidden-focusabledɛn kin yuz dɛn bak as miksin.

// Usage as a mixin

.visually-hidden-title {
  @include visually-hidden;
}

.skip-navigation {
  @include visually-hidden-focusable;
}