Kalo te përmbajtja kryesore Kalo te navigimi i dokumenteve
in English

I fshehur vizualisht

Përdorni këta ndihmës për të fshehur vizualisht elementë, por për t'i mbajtur ato të aksesueshme për teknologjitë ndihmëse.

Fshihni vizualisht një element duke lejuar që ai të ekspozohet ndaj teknologjive ndihmëse (të tilla si lexuesit e ekranit) me .visually-hidden. Përdoret .visually-hidden-focusablepër të fshehur vizualisht një element si parazgjedhje, por për ta shfaqur atë kur është i fokusuar (p.sh. nga një përdorues vetëm me tastierë). .visually-hidden-focusablemund të aplikohet gjithashtu në një kontejner - falë :focus-within, kontejneri do të shfaqet kur ndonjë element fëmijë i kontejnerit merr fokus.

Titulli për lexuesit e ekranit

Kalo te përmbajtja kryesore
Një enë me një element të fokusueshëm .
<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>

Të dyja visually-hiddendhe visually-hidden-focusablemund të përdoren edhe si përzierje.

// Usage as a mixin

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

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