Laktawan ti kangrunaan a linaon Laktawan ti docs navigation
in English

Makita a nailemmeng

Usaren dagitoy a katulongan tapno mailemmeng a makita dagiti elemento ngem pagtalinaeden a magun-od dagitoy kadagiti makatulong a teknolohia.

Iti panagkita nga ilemmeng ti maysa nga elemento bayat a palubosam pay laeng a maibutaktak daytoy kadagiti makatulong a teknolohia (kas dagiti managbasa iti iskrin) babaen ti .visually-hidden. Usaren .visually-hidden-focusabletapno makita nga ilemmeng ti maysa nga elemento babaen ti default, ngem tapno maipakita daytoy no daytoy ket naipangpangruna (kas pagarigan babaen ti teklado-laeng nga agar-aramat). .visually-hidden-focusablemabalin pay a maipakat iti maysa a pagkargaan–agyaman iti :focus-within, ti pagkargaan ket maiparangto no ania man nga ubing nga elemento ti pagkargaan ket umawat ti pokus.

Paulo para kadagiti screen reader

Laktawan ti kangrunaan a linaon
Maysa a pagkargaan nga addaan iti maipamaysa nga elemento .
<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>

Agpada visually-hiddenken visually-hidden-focusablemabalin met nga usaren a mixins.

// Usage as a mixin

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

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