Ezochiri anya

Jiri anya zoo ihe mmewere ka ị na-ahapụ ya ka ekpughere ya na teknụzụ enyemaka (dị ka ndị na-agụ ihuenyo) na .visually-hidden. Jiri .visually-hidden-focusableiji anya zoo ihe na ndabara, mana iji gosipụta ya mgbe etinyere ya (dịka site na onye ọrụ naanị ahụigodo). .visually-hidden-focusableenwere ike itinye ya na akpa - ekele :focus-within, a ga-egosipụta akpa ahụ mgbe ihe ụmụaka ọ bụla nke akpa ahụ nwetara nlebara anya.

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

Ha abụọ visually-hiddennwekwara visually-hidden-focusableike iji dị ka mixins.

// Usage as a mixin

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

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