Fa'ase'e ile anotusi autu Fa'ase'e ile su'ega fa'amatalaga
in English

Natia vaaia

Fa'aoga nei fesoasoani e nana ai elemene ae ia fa'afaigofie ona maua i tekinolosi fesoasoani.

Natia va'aia se elemene a'o fa'ataga pea e fa'aalia i tekinolosi fesoasoani (e pei o lau faitau mata) ma .visually-hidden. Fa'aoga .visually-hidden-focusablee natia ai se elemene ona o le faaletonu, ae ia fa'aali pe a taula'i (fa'ata'ita'iga a le tagata e na'o le keyboard). .visually-hidden-focusablee mafai foi ona faʻaoga i se atigipusa-faʻafetai i :focus-within, o le a faʻaalia le atigipusa pe a maua e soʻo se tamaititi elemene o le atigipusa le taulaʻi.

Igoa mo le au faitau lautusi

Fa'ase'e ile anotusi autu
O se atigipusa ma se elemene e mafai ona taulaʻi .
<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>

E lua visually-hiddenma visually-hidden-focusablee mafai foi ona faʻaaogaina e fai ma faʻafefiloi.

// Usage as a mixin

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

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