[Bootstrap] sr-only는 뭘까? (what is sr-only)

부트스트랩을 공부하던 도중, vscode의 패키지를 활용하여 한번에 template을 만들어주는 기능을 찾고 감격하던 중에,

navbar 템플릿 중 dropdown이 있는 템플릿을 골랐는데 sr-only라는 class가 있었다.

<nav class="navbar navbar-expand navbar-light bg-faded container-fluid">

<a class="navbar-brand" href="index.html">Web-site</a>

<ul class="navbar-nav mr-auto mt-2 mt-lg-0">

<li class="nav-item active">

<a class="nav-link" href="#">Introduce <span class="sr-only">(current)</span></a>

</li>

<li class="nav-item">

<a class="nav-link" href="#">Community</a>

</li>

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="#" id="dropdownId" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About</a>

<div class="dropdown-menu" aria-labelledby="dropdownId">

<a class="dropdown-item" href="#">Sign Up</a>

<a class="dropdown-item" href="#">Sign In</a>

</div>

</li>

</ul>

<form class="form-inline my-2 my-lg-0">

<input class="form-control mr-sm-2" type="text" placeholder="Search">

<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>

</form>

</nav>

  sr-only를 삭제 했더니 (current)가 보였다.

찾아보니 접속자에게 안보여주는 정보를 저렇게 표시한다고 한다.

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

음 ..... 개발자가 코드볼때 쉽게 가려내려고 넣어서 label처럼 쓰는건가?