Trɔ yi nya veviwo gbɔ Trɔ yi docs ƒe mɔfiamewo dzi
in English

Woɣlae ɖe nukpɔkpɔ me

Zã kpeɖeŋutɔ siawo nàtsɔ aɣla nu veviwo kple ŋku gake nàna mɔ̃ɖaŋununya siwo kpena ɖe ame ŋu nasu wo si.

Ɣla nu aɖe le nukpɔkpɔ me esime nègaɖe mɔ kokoko be wòakpɔ mɔ̃ɖaŋununya siwo kpena ɖe ame ŋu (abe screen readers ene) kple .visually-hidden. Zãe nàtsɔ .visually-hidden-focusableaɣla nu aɖe le nukpɔkpɔ me le gɔmedzedzea me, gake nàtsɔ aɖee afia ne eƒe susu le nu ŋu (le kpɔɖeŋu me, to keyboard-ko zãla dzi). .visually-hidden-focusablewoateŋu awɔ dɔ ɖe nugoe hã dzi–akpe na :focus-within, woaɖe nugoe la afia ne nugoe la ƒe ɖevi ƒe akpa ɖesiaɖe xɔ susu.

Tanya na screen readers

Trɔ yi nya veviwo gbɔ
Nugoe si me nu aɖe si dzi woate ŋu alé ŋku ɖo le .
<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>

Wo ame evea siaa visually-hiddeneye visually-hidden-focusablewoate ŋu azã wo hã abe mixins ene.

// Usage as a mixin

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

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