웹1.0/CSS, CSS2
[CSS] 웹접근성을 위한 CSS blind 처리(안보이게)
커드만
2022. 5. 29. 22:00
특정 태그의 화면에 나오는 부분을
웹접근성에 위반되지 않도록 CSS 로 처리하는 방법에 대해 알아보려 합니다.
대부분 caption, label, legend 등을 안보이게 처리합니다.
저는 안보이게 처리하는 CSS 네이밍을 blind로 명칭합니다.
.blind{
visibility:hidden;
position:absolute;
top:-9999999px;
left:-9999999px;
width:1px;
height:1px;
margin:0;
padding:0;
background:none;
font-size:0;
line-height:0;
text-indent:-9999999px;
}