in English
Didhelikake kanthi visual
Gunakake helpers iki kanggo visual ndhelikake unsur nanging supaya bisa diakses dening teknologi assistive.
Singidaken kanthi visual unsur nalika isih ngidini kanggo kapapar teknologi assistive (kayata layar maca) karo .visually-hidden
. Gunakake .visually-hidden-focusable
kanggo ndhelikake unsur kanthi visual kanthi standar, nanging kanggo nampilake nalika lagi fokus (contone, pangguna mung keyboard). .visually-hidden-focusable
uga bisa diterapake ing wadhah–matur nuwun :focus-within
, wadhah kasebut bakal ditampilake nalika unsur anak saka wadhah kasebut entuk fokus.
<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>
Loro -lorone visually-hidden
lan visually-hidden-focusable
uga bisa digunakake minangka campuran.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}