Biçe ser naveroka sereke Biçe navîgasyon belgeyan
in English

Bi dîtbarî veşartî

Van arîkaran bikar bînin da ku bi dîtbarî hêmanan veşêrin lê wan ji teknolojiyên arîkar re bigihînin.

Bi dîtbarî hêmanek veşêrin û di heman demê de rê bidin ku ew bi teknolojiyên arîkar (wek xwendevanên ekranê) bi .visually-hidden. Ji .visually-hidden-focusablebo ku hêmanek ji hêla xwerû ve bi dîtbarî veşêre bikar bînin, lê dema ku ew baldar be (mînak ji hêla bikarhênerek tenê klavyeyê ve) nîşan bide. .visually-hidden-focusabledi heman demê de dikare li konteynirekê jî were sepandin - bi xêra :focus-within, konteynir dê were xuyang kirin dema ku hêmanek zarokê konteynerê balê distîne.

Sernav ji bo xwendevanên ekranê

Biçe ser naveroka sereke
Konteynirek bi hêmanek berbiçav .
<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>

Hem visually-hiddenû visually-hidden-focusablehem jî dikare wekî mixîn were bikar anîn.

// Usage as a mixin

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

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