Mga screenreader

Gumamit ng mga utility ng screenreader para itago ang mga elemento sa lahat ng device maliban sa mga screen reader.

Itago ang isang elemento sa lahat ng device maliban sa mga screen reader na may .sr-only. Pagsamahin .sr-onlysa .sr-only-focusableupang ipakita muli ang elemento kapag ito ay nakatutok (hal ng isang keyboard-only na user). Maaari ding gamitin bilang mixins.

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