முக்கிய உள்ளடக்கத்திற்கு செல்க டாக்ஸ் வழிசெலுத்தலுக்குச் செல்லவும்
in English

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

உறுப்புகளை பார்வைக்கு மறைக்க இந்த உதவியாளர்களைப் பயன்படுத்தவும், ஆனால் அவற்றை உதவி தொழில்நுட்பங்களுக்கு அணுகக்கூடியதாக வைத்திருக்கவும்.

உதவி தொழில்நுட்பங்களுக்கு (ஸ்கிரீன் ரீடர்கள் போன்றவை) வெளிப்பட அனுமதிக்கும் அதே வேளையில் ஒரு உறுப்பை பார்வைக்கு மறைக்கவும் .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;
}