in English
וויסואַללי פאַרבאָרגן
ניצן די העלפּערס צו וויזשוואַלי באַהאַלטן עלעמענטן אָבער האַלטן זיי צוטריטלעך פֿאַר אַסיסטיוו טעקנאַלאַדזשיז.
וויזשוואַלי באַהאַלטן אַן עלעמענט און נאָך לאָזן עס צו זיין יקספּאָוזד צו אַסיסטאַטיוו טעקנאַלאַדזשיז (אַזאַ ווי פאַרשטעלן לייענער) מיט .visually-hidden
. ניצן .visually-hidden-focusable
צו וויזשוואַלי באַהאַלטן אַן עלעמענט דורך פעליקייַט, אָבער צו ווייַזן עס ווען עס איז פאָוקיסט (למשל דורך אַ קלאַוויאַטור-בלויז באַניצער). .visually-hidden-focusable
קענען אויך זיין געווענדט צו אַ קאַנטיינער - דאַנק צו :focus-within
, דער קאַנטיינער וועט זיין געוויזן ווען קיין קינד עלעמענט פון דעם קאַנטיינער נעמט פאָקוס.
טיטל פֿאַר פאַרשטעלן לייענער
האָפּקען צו הויפּט אינהאַלט
א קאַנטיינער מיט אַ
פאָוקיסטאַבאַל עלעמענט .
<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>
ביידע visually-hidden
און visually-hidden-focusable
קענען אויך זיין געוויינט ווי מיקסינס.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}