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-focusable
pë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-focusable
mund të aplikohet gjithashtu në një kontejner - falë :focus-within
, kontejneri do të shfaqet kur ndonjë element fëmijë i kontejnerit merr fokus.
<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-hidden
dhe visually-hidden-focusable
mund të përdoren edhe si përzierje.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}