Saltu al ĉefa enhavo Saltu al navigado de dokumentoj
in English

Vide kaŝita

Uzu ĉi tiujn helpantojn por vide kaŝi elementojn sed konservi ilin alireblaj por helpaj teknologioj.

Vide kaŝu elementon dum daŭre permesante ĝin esti elmontrita al helpaj teknologioj (kiel ekranlegiloj) per .visually-hidden. Uzu .visually-hidden-focusablepor videble kaŝi elementon defaŭlte, sed por montri ĝin kiam ĝi estas fokusita (ekz. de klavara uzanto). .visually-hidden-focusableankaŭ povas esti aplikita al ujo-danke al :focus-within, la ujo estos montrata kiam iu infanelemento de la ujo ricevas fokuson.

Titolo por ekranlegiloj

Saltu al ĉefa enhavo
Ujo kun fokusebla elemento .
<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>

Ambaŭ visually-hiddenkaj visually-hidden-focusableankaŭ povas esti uzataj kiel miksaĵoj.

// Usage as a mixin

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

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