웹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;
}