Saltar al contenido principal Salta a docs navegación
Check
in English

Rikunalla pakasqa

Kay yanapakuqkunata llamk'achiy elementokunata rikuywan pakanapaq ichaqa yanapakuq tecnologiakunaman chayayta atinankupaq waqaychay.

Rikunalla huk elementota pakay chaymanta yanapaq tecnologiakunaman (pantalla ñawiriqkuna hina) rikuchiyta saqisparaq .visually-hidden. Huk elementota ñawpaqmanta qhawaypi pakanapaq llamk'achiy .visually-hidden-focusable, ichataq chayta qhawachinapaq mayk'aqchus enfocadu kachkan (kayhina, huk teclado-lla llamk'achiq). .visually-hidden-focusablehuk waqaychanamanpas churakunman–gracias a :focus-within, waqaychana rikuchikunqa mayk'aq mayqin wawa elemento waqaychanamanta enfoqueta chaskikun.

Saltar al contenido principal
Enfocables nisqa elementoyuq wayaqa .
html nisqapi 
<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>

Ambos visually-hiddeny visually-hidden-focusabletambién pueden ser utilizados como mixins.

// Usage as a mixin

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

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