Luncat ka eusi utama Luncat ka navigasi docs
in English

Visual disumputkeun

Anggo pembantu ieu pikeun nyumputkeun unsur sacara visual tapi tetep tiasa diaksés ku téknologi anu ngabantosan.

Sumputkeun sacara visual hiji unsur bari tetep ngantepkeun kakeunaan téknologi anu ngabantosan (sapertos pamaca layar) nganggo .visually-hidden. Anggo .visually-hidden-focusablepikeun nyumputkeun hiji unsur sacara visual sacara standar, tapi pikeun nampilkeunana nalika fokus (contona ku pangguna ngan keyboard). .visually-hidden-focusableogé bisa dilarapkeun ka wadahna–hatur nuhun kana :focus-within, wadahna bakal dipintonkeun lamun sagala unsur anak wadahna narima fokus.

Judul pikeun pamiarsa layar

Luncat ka eusi utama
Wadahna sareng unsur anu tiasa difokuskeun .
<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>

Duanana visually-hiddensarta visually-hidden-focusableogé bisa dipaké salaku mixins.

// Usage as a mixin

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

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