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-focusable
bo 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-focusable
di 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.
<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-focusable
hem 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;
}