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-focusable
huk waqaychanamanpas churakunman–gracias a :focus-within
, waqaychana rikuchikunqa mayk'aq mayqin wawa elemento waqaychanamanta enfoqueta chaskikun.
Pantalla ñawinchaqkunapaq titulo
Saltar al contenido principalEnfocables nisqa elementoyuq
wayaqa
.
<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-hidden
y visually-hidden-focusable
también pueden ser utilizados como mixins.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}