Wɔde aniwa hu ahintaw

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.

<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;
}