in English
Wɔde aniwa hu ahintaw
Fa saa aboafo yi di dwuma de fa aniwa sie nneɛma bi nanso ma mfiridwuma a ɛboa no yɛ nea wotumi nya.
Fa aniwa sie ade bi bere a woda so ara ma kwan ma wɔde kyerɛ mfiridwuma a ɛboa (te sɛ screen readers) a .visually-hidden
. Fa di dwuma .visually-hidden-focusable
de aniwa sie element bi default so, nanso fa kyerɛ bere a ɛde n’adwene asi so (sɛ nhwɛso no, obi a ɔde keyboard nkutoo na ɔde di dwuma). .visually-hidden-focusable
wobetumi nso de adi dwuma wɔ ade a wɔde gu mu so–aseda ma :focus-within
, wɔbɛda ade no adi bere a ade no mu abofra element biara nya adwene.
Asɛmti ma screen akenkanfo
Twe kɔ emu nsɛm atitiriw no so
Ade a wɔde gu mu a ɛwɔ ade a wotumi de wɔn adwene
si so .
<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>
Ne nyinaa visually-hidden
na visually-hidden-focusable
wobetumi nso de adi dwuma sɛ mixins.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}