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-focusable
por videble kaŝi elementon defaŭlte, sed por montri ĝin kiam ĝi estas fokusita (ekz. de klavara uzanto). .visually-hidden-focusable
ankaŭ povas esti aplikita al ujo-danke al :focus-within
, la ujo estos montrata kiam iu infanelemento de la ujo ricevas fokuson.
<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-hidden
kaj visually-hidden-focusable
ankaŭ povas esti uzataj kiel miksaĵoj.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}