Үндсэн агуулга руу шилжих Docs навигаци руу алгасах
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;
}