숨은 제목을 스크린리더에서 인식할 수 있도록 하는 방법

display:none 을 읽어주는 스크린 리더도 많지만 사실 원래는 읽지 않는 것이 정석이다. 그러므로 화면에는 보이지 않으면서 스크린리더로는 읽게 하려면 display:none 대신 다음과 같은 방식으로 visibility 옵션을 사용해 본다.

.selector { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.