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-focusable
aɣ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-focusable
woateŋ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.
<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-hidden
eye visually-hidden-focusable
woate ŋu azã wo hã abe mixins ene.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}