Twe kɔ emu nsɛm atitiriw no so Twe kɔ docs navigation so
in English

Wɔde aniwa hu ahintaw

Fa saa aboafo yi di dwuma de fa aniwa sie nneɛma bi nanso ma mfiridwuma a ɛboa no yɛ nea wotumi nya.

Fa aniwa sie ade bi bere a woda so ara ma kwan ma wɔde kyerɛ mfiridwuma a ɛboa (te sɛ screen readers) a .visually-hidden. Fa di dwuma .visually-hidden-focusablede aniwa sie element bi default so, nanso fa kyerɛ bere a ɛde n’adwene asi so (sɛ nhwɛso no, obi a ɔde keyboard nkutoo na ɔde di dwuma). .visually-hidden-focusablewobetumi nso de adi dwuma wɔ ade a wɔde gu mu so–aseda ma :focus-within, wɔbɛda ade no adi bere a ade no mu abofra element biara nya adwene.

Asɛmti ma screen akenkanfo

Twe kɔ emu nsɛm atitiriw no so
Ade a wɔde gu mu a ɛwɔ ade a wotumi de wɔn adwene si so .
<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>

Ne nyinaa visually-hiddenna visually-hidden-focusablewobetumi nso de adi dwuma sɛ mixins.

// Usage as a mixin

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

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