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-focusable
e 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-focusable
e 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-hidden
ma visually-hidden-focusable
e 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;
}