સ્ક્રીનરીડર્સ

સ્ક્રીન રીડર સિવાયના તમામ ઉપકરણો પર તત્વો છુપાવવા માટે સ્ક્રીનરીડર ઉપયોગિતાઓનો ઉપયોગ કરો.

સાથે સ્ક્રીન રીડર્સ સિવાય તમામ ઉપકરણો પર એક ઘટક છુપાવો .sr-only. જ્યારે તત્વ કેન્દ્રિત હોય ત્યારે તેને ફરીથી બતાવવા માટે .sr-onlyસાથે જોડો (દા.ત. માત્ર-કીબોર્ડ વપરાશકર્તા દ્વારા). .sr-only-focusableમિશ્રણ તરીકે પણ વાપરી શકાય છે.

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

// Usage as a mixin
.skip-navigation {
  @include sr-only;
  @include sr-only-focusable;
}