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-focusable
pikeun nyumputkeun hiji unsur sacara visual sacara standar, tapi pikeun nampilkeunana nalika fokus (contona ku pangguna ngan keyboard). .visually-hidden-focusable
ogé bisa dilarapkeun ka wadahna–hatur nuhun kana :focus-within
, wadahna bakal dipintonkeun lamun sagala unsur anak wadahna narima 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>
Duanana visually-hidden
sarta visually-hidden-focusable
ogé bisa dipaké salaku mixins.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}