sr-only sr-only-focusable

bootstrap5.css

bootstrap5.css
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

html bootstrap5 Sample

スクリーンリーダー非表示だけど非視覚者のみに読み上げる:sr-only


  <a class="sr-only sr-only-focusable" href="#">メインコンテンツへスキップ</a>