Source

Trình đọc màn hình

Sử dụng các tiện ích trình đọc màn hình để ẩn các phần tử trên tất cả các thiết bị ngoại trừ trình đọc màn hình.

Ẩn một phần tử đối với tất cả các thiết bị ngoại trừ trình đọc màn hình có .sr-only. Kết hợp .sr-onlyvới .sr-only-focusableđể hiển thị lại phần tử khi nó được lấy tiêu điểm (ví dụ: bởi người dùng chỉ sử dụng bàn phím). Cũng có thể được sử dụng như mixin.

Chuyển đến nội dung chính 
<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;
}