האָפּקען צו הויפּט אינהאַלט האָפּקען צו דאָקס נאַוויגאַציע
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;
}