קוראי מסך

השתמש בכלי עזר לקורא מסך כדי להסתיר אלמנטים בכל המכשירים מלבד קוראי מסך.

הסתר רכיב לכל המכשירים מלבד קוראי מסך עם .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;
}