[웹접근성] 버튼이미지만 사용하는 경우

Button 닫기 버튼에서 아이콘만 사용하고 닫기라는 텍스트는 안들어가는 경우

화면에는 노출되지는 않지만 스크린리더기나 보이스리더에서 읽힐 수 있도록

'닫기'라는 텍스트를 표기해줘야 합니다. 

HTML

<div class="btn-close">
   <button type="button" class="btn s28 btn-navi-close">
       <span class="btn-ico">
           <span class="blind">닫기</span>
       </span>
   </button>
</div>

CSS

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