Woɣlae ɖe nukpɔkpɔ me

Ɣ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 aɖe hã dzi–akpe na :focus-within, woaɖe nugoe la afia ne nugoe la ƒe ɖevi ƒe akpa ɖesiaɖe xɔ susu.

<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;
}