[CSS] 글씨 써두고 bg에 먹인 아이콘만 보이고 싶을 때

스크린리더 고려해서 html 마크업으로 글씨는 써두되, 화면 상에서 bg에 먹인 아이콘만 보이고 싶을 때 쓰는 방법

text-indent 사용

<a href="#" class="bg_only">유투브</a>

bg_only { text-indent: -1000px; background: url('assets/youtube_icon.png') no-repeat center; background-size: 24px auto; }