സ്ക്രീൻ റീഡർമാർ

സ്‌ക്രീൻ റീഡറുകൾ ഒഴികെയുള്ള എല്ലാ ഉപകരണങ്ങളിലും ഘടകങ്ങൾ മറയ്‌ക്കാൻ സ്‌ക്രീൻ റീഡർ യൂട്ടിലിറ്റികൾ ഉപയോഗിക്കുക.

ഉപയോഗിച്ച് സ്ക്രീൻ റീഡറുകൾ ഒഴികെ എല്ലാ ഉപകരണങ്ങളിലേക്കും ഒരു ഘടകം മറയ്ക്കുക .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;
}