스크린리더

화면 판독기 유틸리티를 사용하여 화면 판독기를 제외한 모든 장치에서 요소를 숨깁니다.

가 있는 스크린 리더 를 제외한 모든 장치에서 요소를 숨깁니다 .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;
}