స్క్రీన్ రీడర్లు

స్క్రీన్ రీడర్‌లు మినహా అన్ని పరికరాలలో ఎలిమెంట్‌లను దాచడానికి స్క్రీన్ రీడర్ యుటిలిటీలను ఉపయోగించండి.

తో స్క్రీన్ రీడర్‌లు మినహా అన్ని పరికరాలకు మూలకాన్ని దాచండి .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;
}