E patiloe ka pono

Pata ntho e itseng ka pono ha u ntse u e lumella ho pepesetsoa litheknoloji tse thusang (joalo ka sebali sa skrine) ka .visually-hidden. Sebelisa .visually-hidden-focusableho pata ntho ka mokhoa o ikhethileng, empa ho e hlahisa ha e tsepamisitsoe maikutlo (mohlala, ke mosebelisi oa keyboard feela). .visually-hidden-focusablee ka boela ea sebelisoa ho setshelo-ka lebaka la :focus-within, setshelo se tla bontšoa ha ntho leha e le efe ea ngoana ea setshelo e fumana maikutlo.

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

Ka bobeli visually-hiddenebile visually-hidden-focusablee ka sebelisoa e le li-mixins.

// Usage as a mixin

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

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