பார்வையில் மறைக்கப்பட்டுள்ளது

உதவி தொழில்நுட்பங்களுக்கு (ஸ்கிரீன் ரீடர்கள் போன்றவை) வெளிப்பட அனுமதிக்கும் அதே வேளையில் ஒரு உறுப்பை பார்வைக்கு மறைக்கவும் .visually-hidden. .visually-hidden-focusableஒரு உறுப்பை இயல்பாக மறைப்பதற்குப் பயன்படுத்தவும் , ஆனால் அது கவனம் செலுத்தும் போது அதைக் காண்பிக்க (எ.கா. விசைப்பலகை மட்டும் பயனரால்). .visually-hidden-focusableஒரு கொள்கலனுக்கும் பயன்படுத்தலாம் - நன்றி :focus-within, கொள்கலனின் ஏதேனும் குழந்தை உறுப்பு கவனம் பெறும் போது கொள்கலன் காட்டப்படும்.

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

இரண்டையும் visually-hiddenமிக்ஸினாகவும் visually-hidden-focusableபயன்படுத்தலாம்.

// Usage as a mixin

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

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