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ɔ yuz ɛtɛknɔlɔji dɛn we de ɛp am (lɛk skrin rida dɛn) wit .visually-hidden
. Yuz .visually-hidden-focusable
fɔ 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-focusable
kin 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 .
<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-focusable
dɛn kin yuz dɛn bak as miksin.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}